الصفحة الرئيسية
تحميل الكود
تغيير الألوان
تغيير العرض
تغيير حجم العرض
تشغيل الكود
<!DOCTYPE html> <html> <body> <h1>Javascript Define Event Listener Multiple Times</h1> <p>Click on the button to fire all the click events.</p> <!-- حتى نستطيع الوصول إليه لاحقاً id هنا قمنا بإعطاء الزر --> <button id="myBtn">Click Me</button> <script> // myBtn في متغير إسمه myBtn يساوي id هنا قمنا بتخزين العنصر الوسم الذي يملك let myBtn = document.querySelector('#myBtn'); // myBtn للعنصر الذي يمثله المتغير click هنا قمنا بإضافة الحدث myBtn.addEventListener('click', () => { alert('First click event is fired!'); }); // من جديد myBtn للعنصر الذي يمثله المتغير click هنا قمنا بإضافة الحدث myBtn.addEventListener('click', () => { alert('Second click event is fired!'); }); </script> </body> </html>
الصفحة الرئيسية
تحميل الكود
تغيير الألوان
تغيير العرض
تغيير حجم العرض
تشغيل الكودالصفحة الرئيسيةتحميل الكودتغيير الألوانتغيير العرضتغيير حجم العرضتشغيل الكود