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