JAVASCRIPT:
تعريفها:
هي لغة برمجة مهمتها المساعدة في بناء المواقع و إعطاء بعض الحيوية لصفحات الويب مثل الساعات و القوائم و أشياء أخرى متنوعة , و هي من تطوير شركة NETscape
تعتبر لغة الجافا سكربيت "javascript" لغة برمجية يمكن استخدامها مع لغة HTML بهدف إنشاء صفحات ويب تفاعلية .
وقد أنشئت هذه اللغة لتعمل بالكامل من خلال المتصفح، لذلك فلا يمكن استخدامها لإنتاج برامج تعمل وحدها دون المتصفح، وهي في ذلك مثلها مثل الغات الشبكة الأخرى كـ HTML وغيرهم.
__________________________
طريقه الكتابه:
<!DOCTYPE html>
<html>
<head>
<script>
اكواد الحافا سكريبت
</script>
</head>
<body>
<div id="....">
</div>
<script>
او يمكن كتابت اكواد الجافا سكريبت هنا
</script>
</body>
</html>
_______________________
أكواد جافا سكربت:
----------------
1-الساعات و التاريخ
2-مؤثرات الألوان
3-شريط المعلومات
4-مؤثرات الماوس
5-النوافذ التلقائية
6-الصور و الإعلانات
7-مؤثرات النصوص
8-مؤثرات الروابط
9-مؤثرات الأزرار
10-القوائم و الجداول
11-مؤثرات الصفحة
12-مؤثرات الصوت
13-أكواد الألعاب
__________________
شروط جافا سكريبت
تستخدم العبارات الشرطية لتنفيذ إجراءات مختلفة بناءً على شروط مختلفة ، تحتاج إلى استخدام العبارات الشرطية التي تسمح لبرنامجك باتخاذ القرارات الصحيحة وتنفيذ الإجراءات الصحيحة.
في JavaScript لدينا العبارات الشرطية التالية:
استخدم إذا حددت كتلة من التعليمات البرمجية ليتم تنفيذها ، إذا كان شرط معين صحيحًا
استخدم طريقة أخرى لتحديد كتلة التعليمات البرمجية المطلوب تنفيذها ، إذا كان نفس الشرط خطأ
استخدم طريقة أخرى إذا كنت تريد تحديد شرط جديد للاختبار ، إذا كان الشرط الأول خطأ
استخدم رمز التبديل لتحديد العديد من الكتل البديلة من التعليمات البرمجية ليتم تنفيذها
إذا البيان
إذا تم استخدام العبارة لتحديد رمز JavaScript ليتم تنفيذه إذا كان الشرط صحيحًا ، فيتم تقييم تعبير JavaScript ، إذا كانت القيمة الناتجة صحيحة ، فسيتم تنفيذ العبارات المحددة. إذا كان التعبير غير صحيح ، فلن يتم تنفيذ أي بيان.
إذا بناء جملة البيان
if (الحالة) {
الرمز الذي سيتم تنفيذه إذا كان الشرط صحيحًا}
بيان آخر
تُستخدم العبارة else لتحديد رمز جافا سكريبت ليتم تنفيذه إذا كان الشرط غير صحيح.
بناء جملة بيان آخر
if (الحالة) {
الرمز الذي سيتم تنفيذه إذا كان الشرط صحيحًا} آخر {
كود يتم تنفيذه إذا كان الشرط غير صحيح}
آخر إذا بيان
إذا تم استخدام العبارة الأخرى لتحديد شرط جديد ، إذا كان الشرط الأول خطأ ، فإن عبارة Else If هي امتداد لبيان If الذي يسمح لك بإنشاء العديد من العبارات الشرطية كما تريد.
آخر إذا كان النحو
إذا (الشرط 1) {
الرمز الذي سيتم تنفيذه إذا كان الشرط 1 صحيحًا ، وإذا كان (الشرط 2) {
الرمز الذي سيتم تنفيذه إذا كان الشرط 1 خطأ وكان الشرط 2 صحيحًا}
آخر {
كود يتم تنفيذه إذا كان الشرط 1 خطأ والشرط 2 خطأ}
مثال لشروط جافا سكريبت
<!DOCTYPE html>
<html>
<body>
<h3>This is the example of if
Statement </h3>
<p>Click the button to know your
driving eligibility</p>
<button onclick="myFunction()">
Try it</button>
<p id="demo"></p>
<script>
}()function myFunction
;var message
;var age = 23
}(if (age > 19
;"message="you are eligible to drive document.getElementById("demo").inner
HTML = message
{
<script/>
<h3>This is the example of else
Statement </h3>
<p>Click the button to know your
driving eligibility</p>
<button onclick="myFunction1()">
Try it</button>
<p id="demo1"></p>
<script>
}()function myFunction1
;var message1
;var age = 1
}(if (age > 19
;"message1="you are eligible to drive
{
} else
;"message1= "not eligible to drive
{
("document.getElementById("demo1
.innerHTML = message1;
{
</script>
<h3>This is the example of else if
Statement </h3>
<p>Click the button to know your
driving eligibility</p>
<button onclick="myFunction2()">
Try it</button>
<p id="demo2"></p>
<script>
}()function myFunction2
;var message2
;var age = 19
}(if (age < 19
;"message2 = "not eligible to drive
{
}( else if (age > 19
;"message2="you are eliglibe to drive
{
} else
;"!message2="you have just turned 19
{
("document.getElementById("demo2
.innerHTML = message2;
{
<script/>
<body/>
<html/>
______________________
JAVASCRIPT SWITCH
تبديل جافا سكريبت
يتم استخدام عبارة التبديل لإعطاء تعبير لتقييم عدة عبارات مختلفة للتنفيذ بناءً على قيمة التعبير. يقوم المترجم بفحص كل حالة مقابل قيمة التعبير حتى يتم العثور على تطابق. إذا لم يتطابق أي شيء ، فسيتم استخدام شرط افتراضي.
جافا سكريبت التبديل SYNTAX
التبديل (التعبير) {
الحالة ن: بيان الرمز
استراحة؛
الحالة ن: بيان الرمز
استراحة؛
الافتراضي: بيان الرمز الافتراضي
}}
يتم تقييم تعبير المفتاح مرة واحدة.
تتم مقارنة قيمة التعبير بقيم كل حالة.
إذا كان هناك تطابق ، يتم تنفيذ كتلة التعليمات البرمجية المرتبطة بها.
تشير عبارات الفاصل إلى نهاية حالة معينة ، وهذا سيوقف تنفيذ المزيد من التعليمات البرمجية واختبار الحالة.
تحدد الكلمة الرئيسية الافتراضية التعليمات البرمجية للتشغيل إذا لم يكن هناك تطابق لحالة الأحرف.
مثال لتبديل JavaScript
<!DOCTYPE html>
<html>
<body>
<h2>Example For JavaScript Switch>
</h2>
<h3>Enter your grade to know>
your marks</h3 >
<script>
;'var grade='U
;(":document.write("GradeMarks Range
(switch (grade
}
case 'S': document.write
;(" 91to 100 Marks")
;break
case 'A': document.write
;(" 81to 90 Marks")
;break
case 'B': document.write
;(" 71to 80 Marks")
;break
case 'C': document.write
;(" 61to 70 Marks")
;break
;("case 'U': document.write(" Failed
;break
default: document.write
("</ Unknown Grade<br" )
{
<script/>
<body/>
<html/>
Result for the above Example :
Basic Html
_______________________
:HTML JAVASCRIPTS
جافا سكريبت:
البرنامج النصي هو جزء صغير من البرنامج يمكن أن يضيف تفاعلًا إلى موقع الويب. على سبيل المثال ، يمكن للبرنامج النصي إنشاء رسالة مربع تنبيه منبثق ، أو توفير قائمة منسدلة. يمكن كتابة هذا النص البرمجي باستخدام جافا سكريبت أو VBScript ، ويمكن كتابة وظائف صغيرة مختلفة ، تسمى معالجات الأحداث باستخدام أي من لغة البرمجة النصية ، وبعد ذلك يمكنك تشغيل هذه الوظائف باستخدام سمات HTML.
يتم استخدام علامة <script> لتعريف برنامج نصي من جانب العملاء ، مثل JavaScript.
كتابات خارجية وداخلية:
جافا سكريبت الخارجية:
إذا تم استخدام الوظيفة التي سيتم تحديدها في مستندات HTML المختلفة ، فمن الأفضل الاحتفاظ بهذه الوظيفة في ملف جافا سكريبت منفصل ثم تضمين هذا الملف في مستندات HTML الخاصة بك. سيكون ملف جافا سكريبت بامتداد .js وسيتم تضمينه في ملفات HTML باستخدام علامة البرنامج النصي.
مثال لجافا سكريبت الخارجية:
<DOCTYPE html!>
<html>
<head>
<title>External Script</title>
"script src="/html/External.js>
</"type="text/javascript
<script/>
<head/>
<body>
<h2>Example for External Script</h2>
<"input type="button
;()onclick="External
< / " value="Click here "
<body/>
<html/>
_________________________
:THE NOSCRIPT TAG
توفر العلامة الأرقية معلومات بديلة للمستخدمين الذين لا يدعمون المتصفحات البرامج النصية وللألم المستخدمين الذين قاموا بتعطيل برنامج نصيهم. هذا يمكن القيام به باستخدام العلامة noscript
:Example for Noscript tag
<DOCTYPE html!>
<html>
<body>
<p id="demo"></p>
<script>
("document.getElementById("demo
;"!innerHTML = "NOSCRIPT TAG
<script/>
noscript> Sorry, your browser>
!does not support JavaScript
<noscript/>
p>A browser without support for>
JavaScript will show the text
written inside the noscript
<element.</p
<body/>
<html/>
________________________
JAVASCRIPT VARIABLES
متغيرات JavaScript هي حاويات لتخزين قيم البيانات. يجب تعيين متغير بعض القيم (=) علامة متساوية يسمى عامل التعيين. في جافا سكريبت، علامة المساواة (=) مشغل "تعيين"، وليس مشغل "يساوي"، تقوم بتعيين قيمة ما هو على الجانب الأيمن من = تسجيل الدخول إلى أي شيء على الجانب الأيسر من علامة =، لا يمكنك إجراء عمليات ذات متغيرات فارغة. يمكن لمتغيرات JavaScript عقد أرقام مثل 200، وقيم النص مثل "النمر". في البرمجة، تسمى قيم النص السلاسل النصية. سلاسل مكتوبة داخل اقتباسات مزدوجة أو واحدة. تتم كتابة الأرقام دون عروض الأسعار. إذا وضعت علامات اقتباس حول رقم، فسيتم التعامل معها كسلسلة نصية. يجب تحديد
JAVASCRIPT IDENTIFIERS
معرفات JavaScript
جميع متغيرات JavaScript بأسماء فريدة من نوعها. تسمى هذه الأسماء الفريدة المعرفات. يمكن أن تكون المعرفات أسماء قصيرة (مثل X و Y)، أو أسماء وصفية أكثر (العمر، مجموع، توتلي). القواعد العامة لإنشاء أسماء للمتغيرات (المعرفات الفريدة) هي: يمكن أن تحتوي الأسماء على أحرف وأرقام وشرطات سفلية وعلامات الدولار. يجب أن تبدأ الأسماء بحرف. يمكن أن تبدأ الأسماء أيضا ب $ و @. الأسماء حساسة لحالة الأحرف (L و L هي متغيرات مختلفة) لا يمكن استخدام كلمات محفوظة (مثل الكلمات الرئيسية مثل JavaScript) كأسماء.
JAVASCRIPT OPERATORS
OPERATOR DISCRIPTION
+ Addition
- Subtraction
* Multiplication
/ Division
% Modulus
++ Increment
-- Decrement
== equal to
=== equal value and equal type
!= not equal
!== not equal value
> greater than
< less than
>= greater than or equal to
<= less than or equal to
? ternary operator
Example for Javascript Variables
<DOCTYPE html!>
<html>
<body>
<h1>JavaScript Variables</h1>
p>In this example, L, M, N, O are >
<variables</p
<p id="sample"></p>
<script>
;var L = 4
;var M = 6
;var N = L + M
;var O = L * M
("document.getElementById("sample
;innerHTML = O
<script/>
p>You can declare many variables in>
one statement, Start the statement
with var and separate the variables
<by comma.</p
<p id="sample 1"></p>
<script>
;var Animal = "tiger", weight = 200
("document.getElementById("sample 1
."innerHTML = Animal + " weight is
;" weight + " kg +
<script/>
<body/>
<html/>
______________________
:Boolean
منطقي:
يمثل الكائن المنطقي قيمتين، إما "صحيح" أو "خطأ"، يهدف إلى تمثيل قيم الحقيقة من المنطق، في كثير من الأحيان في البرمجة، ستحتاج إلى نوع بيانات يمكن أن يكون لديك سوى واحدة من قيمتين، مثل نعم / لا، ON / OFF، TRUE / FALSE. كل شيء مع قيمة "حقيقية" صحيح كل شيء دون قيمة "حقيقية" هي كاذبة القيمة المنطقية من 0 (صفر) كاذبة القيمة المنطقية من -0 (ناقص الصفر) هو كاذبة القيمة المنطقية من "" (سلسلة فارغة) هي كاذبة القيمة المنطقية غير المعرفة
Example for Boolean
<DOCTYPE html!>
<html>
<body>
p>Display the value of Boolean>
(8>3):<p/>
button onclick="myBoolean()">Try it>
</button>
<p id="sample"></p>
<script>
}()function myBoolean
("document.getElementById("sample
;(innerHTML = Boolean(8 > 3
{
<script/>
<p>Display the Boolean value of 0</p>
button onclick="myboolean()">Try it>
</button>
<p id="sample1"></p>
<script>
} ()function myboolean
;var x = 0
("document.getElementById("sample1
;(innerHTML = Boolean(x)
}
<script/>
<body/>
<html/>
Result for above Example :
شاهد التطبيق العملي.....
_______________________
تابعونا علي قناتناا للبرمجة من الهاتف:
توب
ردحذف