الصفحة الرئيسية
تحميل الكود
تغيير الألوان
تغيير العرض
تغيير حجم العرض
تشغيل الكود
<!DOCTYPE html> <html> <body> <h1>Javascript Event Handler Property</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.onclick = function() { alert('The click event is fired!'); }; </script> </body> </html>
الصفحة الرئيسية
تحميل الكود
تغيير الألوان
تغيير العرض
تغيير حجم العرض
تشغيل الكودالصفحة الرئيسيةتحميل الكودتغيير الألوانتغيير العرضتغيير حجم العرضتشغيل الكود