Onclick attribute JavaScript In Hindi:-

onclick attribute :– दोस्तों आज पाठ में हम onclick attribute के बारे में पढ़ेंगे | इसका उपयोग JavaScript में बहुत किया जाता है | onclick attribute कैसे काम करता है इसे समझने के लिए आप नीचे का Example देखें |

Example 1:-

<html>
<body>
<button onclick="myFunction()">Click me</button>
<p id="demo"></p>

<script>
function myFunction() {
    document.getElementById("demo").innerHTML = "This Is a Example Of onclick attribute .  ";
}
</script>
</body>
</html>

 

दोस्तों ऊपर के कोड को जब आप चलाएंगे तो आप को Click me नाम का एक Button दिखाई देगा जब आप इस पर Click करेंगे तो आप को ये This Is a Example Of onclick attribute . Message लिखा हुआ दिखाई देगा |

दोस्तों जब आप किसी भी HTML टैग के साथ onclick attribute को जोड़ते है [onclick=”myFunction()” ] और onclick के साथ एक Function का नाम लिख देते है तो ये Function तब चलता है जब हम उस tag पर click करते है जिसके साथ हमने onclick attribute को जोड़ा था |

आप नीचे onclick attribute का एक और Example देखें जिसमे हम एक HTML Tag के अंदर लिखे text पर Click करने से उसके रंग को बदल रहे है |

Example 2 :-

<!DOCTYPE html>
<html>
<body>
<h3 id="demo" onclick="myFunction()">Click me to change my text color.</h3>

<script>
function myFunction() {
    document.getElementById("demo").style.color = "red";
}
</script>
</body>
</html>

दोस्तों onclick attribute JavaScript के Event Attributes का एक part है JavaScript में बहुत सरे Event Attributes उपलब्ध है | JavaScript के इन Event Attributes को हम एक एक करके आने बाले पाठों में पढ़ेंगे |

JavaScript Popup Boxes In Hindi :- -->