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