AddEventListener() को बार-बार बटन क्लिक पर काम करने के लिए, निम्न कोड का उपयोग करें -
उदाहरण
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initialscale=
1.0">
<title>Document</title>
<link rel="stylesheet" href="//code.jquery.com/ui/1.12.1/themes/base/jquery-ui.css">
<script src="https://code.jquery.com/jquery-1.12.4.js"></script>
<script src="https://code.jquery.com/ui/1.12.1/jquery-ui.js"></script>
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/fontawesome/4.7.0/css/font-awesome.min.css">
</head>
<body>
<button id="pressButtonDemo">Click Me</button>
<script>
var eventValue = function (event) {
document.body.appendChild(document.createElement('div'))
.textContent = event.type;
}
var pressed = document.querySelector("#pressButtonDemo");
pressed.addEventListener("click", eventValue);
</script>
</body>
</html> उपरोक्त प्रोग्राम को चलाने के लिए, फ़ाइल नाम "anyName.html(index.html)" को सेव करें और फ़ाइल पर राइट क्लिक करें। वीएस कोड संपादक में "लाइव सर्वर के साथ खोलें" विकल्प चुनें।
आउटपुट
यह निम्नलिखित आउटपुट देगा -
जब आप "क्लिक मी" बटन पर क्लिक करेंगे तो आपको निम्न आउटपुट मिलेगा। यह निम्नलिखित आउटपुट उत्पन्न करेगा -
अब, बटन को एक बार और क्लिक करें। यह निम्नलिखित आउटपुट देगा -
