دروس java script | تعلم اهم اساسيات الجافا سكريبت | الدرس الاول | ادمكس للمعلوميات

دروس java script | تعلم اهم اساسيات الجافا سكريبت | الدرس الاول 

فى هذا الدرس سوف نتعلم اهم اساسيات لغة الجافا سكريبت !

جافا سكريبت اتش تي ام ال Html JavaScript 

JavaScript او الجافا سكريبت تجعل صفحات HTML أكثر ديناميكية وتفاعلية.

---

العلامة او الوسم script 

يتم استخدام العلامة او الوسم <script> لتحديد برنامج نصي من جانب العميل (JavaScript) جافا سكريبت

يحتوي عنصر <script> إما على عبارات نصية أو يشير إلى ملف نصي خارجي من خلال سمة src .

الاستخدامات الشائعة لـ JavaScript جافا سكريبت هي معالجة الصور والتحقق من صحة النموذج والتغييرات الديناميكية للمحتوى.

لتحديد عنصر HTML الجافا سكريبت في معظم الأحيان يستخدم طريقة

document.getElementById()

مثال جافا سكريبت هذا يكتب "مرحبا جافا سكريبت " في عنصر HTML مع المعرف id

<script>
document.getElementById("demo").innerHTML = "مرحبا جافا سكريبت!";
</script>

---

أمثلة لما يمكن أن تفعله الجافا سكريبت JavaScript

الجافا سكريبت يمكنها تغيير محتوى HTML

<script>
document.getElementById("test").innerHTML = "مرحبا!";
</script>

الجافا سكريبت يمكنها تغيير أنماط HTML

document.getElementById("demo").style.fontSize = "25px";
document.getElementById("demo").style.color = "red";
document.getElementById("demo").style.backgroundColor = "yellow";

الجافا سكريبت يمكنها تغيير سمات HTML

document.getElementById("image").src = "picture.gif";

العلامة او الوسم noscript

تُستخدم علامة او الوسم <noscript>  لتوفير محتوى بديل للمستخدمين الذين قاموا بتعطيل البرامج النصية في المستعرض أو لديهم متصفح لا يدعم البرامج النصية من جانب العميل:

<script>
document.getElementById("demo").innerHTML = "مرحبا جافا سكريبت!";
</script>

<noscript>
عذرًا ، متصفحك لا يدعم الجافا سكريبت!
</noscript>