تعريف المتغيرات وأنواعها:
نعرف المتحول باستخدام var
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="content-type" content="text/html; charset=iso-8859-1" />
<title>define variables</title>
</head>
<body>
<p id="show">Old text</p>
<script>
var x="jon";
document.getElementById("show").innerHTML =x;
</script>
</body>
</html>
أنواع المتحولات :
- أرقام :
var num=12365;
- سلاسل :
string: var name="jwmana";
- مصفوفات :
array: var names=["dyana","jwmana" , "fawzi"];
- كائنات :
object: var fullname={ firstname:"jwman" , lastname:"hallak"};
الوصول إلى نوع المتحول:
باستخدام الخاصية typeof
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="content-type" content="text/html; charset=iso-8859-1" />
<title>define variables</title>
</head>
<body>
<p id="show">Old text</p>
<script>
var x="jon";
document.getElementById("show").innerHTML =typeof x;
</script>
</body>
</html>
الخرج سيكون : string
جرب تغيير المتحول x إلى رقم واحفظ التغييرات و لاحظ تغير النتيجة
المتحول object وطريقة الوصول إلى عناصره:
يتم التعريف عن الغرض بالطريقة التالية :
var varname = {name:"value" , name:"value"};
يحوي الغرض عدة عناصر , يمكن الوصول لأحد العناصر عن طريق
varname.name;
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="content-type" content="text/html; charset=iso-8859-1" />
<title>objects</title>
</head>
<body>
<p id="show"></p>
<script>
var x = {fname:"jwmana" , lname:"hallak"};
document.getElementById("show").innerHTML =x.fname;
</script>
</body>
</html>
