جافا سكريبت - مجلة الحياة الكشفية

Javascript هي لغة برمجة تُستخدم لإضفاء الحيوية على مواقع الويب. تراه في العمل في كل مرة تزور فيها موقعًا إلكترونيًا به أي تفاعل. تعلم Javascript سريع وسهل وممتع لأن لديك بالفعل جميع الأدوات اللازمة على جهاز الكمبيوتر الخاص بك وترى النتائج على الفور. جرب المثال البسيط خطوة بخطوة أدناه وستكون في طريقك!

تحميل برنامج:لا حاجة

كلفة:مجانا

تعليمات لإعداد البرنامج:لا حاجة

متطلبات الأجهزة:كمبيوتر شخصي ، ماك ، روبوتيك ، جهاز محمول

أنظمة التشغيل المدعومة:Win و Mac و Linux

مستوى الصعوبة:1 من 5

جربها!

1. أنشئ مجلدًا على محرك الأقراص الثابتة - أطلق عليه 'JS Demo'

2. انسخ كود جافا سكريبت هذا:

 // JavaScript Document // Note: lines that start with two backslashes are comments - not code!  var bePrepared = function () {        // = = = = = = = declare all the variables = = = = = = = =         var tempF, tempC, myActionText, newText;        //get the temp (F) from the HTML page        tempF = document.getElementById('MyInputTemp').value;         // = = = = = = = convert the temp to Celsius (with only one decimal place)        tempC = (5 / 9 * (tempF - 32)).toFixed(1);        // = = = = = = = evaluate the temp (three categories) = = = = = = =         if (tempF = 60) && (tempC = 75) {                 myActionText = ' Take Sunscreen!';             }        // = = = = = = = build a complete sentence = = = = = = =         newText = 'If the temperature is ' + tempF + ' °F (' + tempC + ' °C): ' + myActionText;       //push the sentence back to the HTML page (using the ID of the markup element: 'myAnswer')       document.getElementById('myAnswer').innerHTML = newText;     };

والصقها في محرر النصوص المفضل لديك. مفكرة Windows تعمل بشكل جيد.

3. احفظ الملف باسم 'JS-Example.js' في المجلد الجديد الذي قمت بإنشائه في الخطوة 1.

4. الآن انسخ كود HTML هذا:

       Example Javascript Program for Boy Scout Merit Badge       	 	Javascript Programming Example
           Enter Temperature (°F):

والصقها في محرر النصوص المفضل لديك. مفكرة Windows تعمل بشكل جيد.

5. احفظ كود HTML هذا في نفس المجلد وسميه 'JS-HTML.htm'

6. انقر نقرًا مزدوجًا فوق ملف JS-HTML لتشغيل المتصفح. أدخل درجة الحرارة وانقر فوق الزر GO لرؤية النتيجة. جرب عدة درجات حرارة مختلفة.

حول البرنامج - نزهة من خلال

1. يعرّف ملف HTML النص ومعلومات التنسيق لصفحة ويب بسيطة. يمكنك تغيير أي شيء تريد أن ترى كيف يؤثر على تنسيق الصفحة. هذه ليست برمجة حقًا ، لكنها ممتعة للعب بها. انها:

أ. ينشئ عنوانًا للموقع
ب. يخبر كود HTML لاستخدام Javascript ومكان العثور على الكود
ج. ينسق النص المعروض
د. تحديد مربع إدخال نص بالمعرف = 'MyInputTemp' (ستحتاج Javascript إلى هذا)
ه. يحدد زرًا يحمل علامة 'Go!'
F. عند الضغط على زر الماوس ، يتم تشغيل وظيفة جافا سكريبت bePrepared ()
ز. يعرض السلسلة في 'myAnswer' التي تم إنشاؤها في برنامج جافا سكريبت.

2. يحتوي ملف Javascript على وظيفة واحدة تسمى 'bePrepared ().' يتم تشغيله في أي وقت يتم فيه النقر على زر GO (انظر إلى طريقة 'onclick' لعلامة 'input' = 'Button' في ملف HTML لرؤية استدعاء الوظيفة.)

3. وظيفة 'bePrepared ()'

أ. يحصل على القيمة المُدخلة في علامة 'الإدخال' - 'النص' باستخدام المعرف الخاص بها: 'MyInputTemp'
ب. يتم تحويل القيمة إلى Celcius (مع مكان عشري واحد).
ج. يتم تقييم القيمة المئوية بسلسلة من عبارات IF ويتم تعيين عبارة إجراء مقترحة للمتغير: 'myActionText'
د. يتم إنشاء الجملة عن طريق الجمع أو 'ربط' بعض النصوص الثابتة مع قيم درجة الحرارة (درجة F ودرجة C) وعبارة الإجراء.
ه. تم إدراج العبارة الجديدة في السطر الأخير من صفحة HTML باستخدام معرف العلامة في هذا السطر: 'myAnswer'

جرب هذا

1. قم بتغيير درجات الحرارة المستخدمة في القرارات - قم بتغيير درجة الحرارة المنخفضة من 60 إلى 30 درجة ، على سبيل المثال. تأكد من تغييره في مكانين! احفظ الملف وقم بتحديث المتصفح (أو أعد تشغيل صفحة الويب) ، وأدخل أرقامًا جديدة - هل تغيرت الإجابات عند درجة الحرارة الجديدة؟

2. أنشئ نطاق درجة حرارة جديدًا من 30 إلى 60 درجة واعرضه - 'أحضر قبعة وقفازات!'

3. تغيير صياغة العبارات.

4. أضف إدخال نص آخر - اسأل عن سرعة الرياح ، على سبيل المثال.

5. أضف بعض العبارات الشرطية التي تقيم عامل برودة الرياح.

6. أضف بعض النص لعرض نتيجة الرياح الباردة.

أعرف أكثر

W3schools.com - برنامج تعليمي جيد التنظيم يحتوي على الكثير من أمثلة العمل وكود المصدر

Webmonkey - برنامج تعليمي من خمسة أجزاء جافا سكريبت

الموارد والنصائح والحيل والتلميحات

1. يتميز Google Chrome بميزة أنيقة.

- ثبّت Google Chrome إذا لم يكن لديك بالفعل.

- افتح مثال JS-HTML أعلاه في Google Chrome (انقر بزر الماوس الأيمن على ملف JS-HTML الذي أنشأته أعلاه وحدد 'فتح باستخدام ..' واختر Chrome)

- انقر فوق إعدادات >> أدوات >> وحدة تحكم جافا سكريبت

هذا يفتح نافذة وحدة التحكم التي تعرض رسائل الخطأ (ومجموعة من الأدوات الأخرى) لمساعدتك في تصحيح التعليمات البرمجية الخاصة بك.

وحدة التحكم هذه مفيدة جدًا عند تصحيح أخطاء جافا سكريبت. تحتوي معظم المتصفحات على مكونات إضافية تقوم بأشياء مماثلة.

2. برنامج Notepad ++ هو محرر نصوص مجاني رائع مصمم خصيصًا للمبرمجين. تحقق من ذلك هنا .