صفحة البيت | מס טלפון 04 – 6046227 | מס' פקס 04 – 8303539

جافا سكريبت - JavaScript

موقع كتابة الكود repl.it | تحميل Brackets| تحميل Notebad++

( ) وظائف وأحداث جافا سكربت (אירועים , Events)

يظهر عادة كود JavaScript في صفحات HTML عند تحميل الصفحة ولكن ليس هذا ما نريده دائماً.

أحياناً نحتاج لإدراج كود JS عند حدوث حدث معين أي عند ضغط المستخدم على زر معين وفي هذه الحالة يمكن اضافة سكربت داخل كود وظيفي function.

تستخدم عادة الأحداث مع الأكواد الوظيفية مثل استدعاء كود وظيفي عند حدوث حدث معين.

ستتعلم المزيد عن الوظائف والأحداث في دروس لاحقة.

تمرين 1

<html>

<head>

function dd() {

document.write ("نحن نتعلم البرمجة");

}

</script>

</head>

<body>

<h2>أول صفحة جافا سكربت</h2>

<button type="button" onclick="dd()"> حل التمرين </button>

</body>

</html>

ينتج من الكود:

عند النقر على الزر نحصل على الرسالة:

نحن نتعلم البرمجة

ملاحظة: لإنشاء زر توجد صيغتان:

<button type="button" onclick="dd()"> حل التمرين </button>

< input type=" button" value="حل التمرين" onclick="dd()">

مدرسة قفطان حلبي الإعدادية – دالية الكرمل - Copywrite – 2019