EQualizer.8m.com | Learn JavaScript

معرفي متغيير در جاوا اسكريپت

در اين آموزش بر خلاف بقيه سايت‌ها كه يا فقط كد يك برنامه رو ميزارن يا همون كد رو با يك سري توضيح قاتي ميكنن و مينويسن ميخوام بطور كامل معرفي يك متغيير را در جاوا اسكريپت آموزش بدم.

ما تو اين آموزش براي سهولت كار با برنامه FrontPage كار ميكنيم شما هم ميتونيد با هر برنامه‌اي كه راحت هستيد كار كنيد.

در اين آموزش شما ياد ميگيريد كه چگونه در ابتدا كه يك نفر وارد سايت شما ميشه از اون يك سري سوال بكنيد و بعد جواب‌هاي داده شده توسط اون فرد رو يك جايي نمايش بدين...

براي شروع وارد نرم‌افزار FrontPage ميشويم.سپس وارد قسمت كد‌ها ميشويم.
همان طور كه گفتيم ميخواهيم در ابتدا كه بيننده وارد سايت ميشود يك سري سوال از او بپرسيم،پس بايد اين كد‌ها را در بين دو تگ HEAD قرار بديم.

خوب همون طور كه معلومه اين يك كد جاوا هستش و بايد كد‌هاي جاوا را شروع كنيم تمام كد‌هاي جاوا با تگ زير شروع ميشوند :

اين تگ رو بين دو تگ HEAD وارد كنيد، حالا بايد متغيير‌ها را تعريف كنيم

var $name,$lastname,$email

ما در اين خط با دستور Var متغيير‌ها را معرفي كرده‌ايم البته ميتوانيم اين قسمت را انجام ندهيم ولي براي رعايت استاندارد اين قسمت را انجام ميدهيم.
هر متغيير در جاوا را بايد با $ شروع كنيم و متغيير‌ها را هم با كاما , از هم جدا ميكنيم.
در قسمت بعد ميخواهيم كار هر متغيير را مشخص كنيم، ميخواهيم كه هر متغيير يك سوال از بيننده بپرسد و مقدار وارده توسط بيننده را در خود ذخيره كند، براي اين كار كد زير را مينويسيم :

$name = window.prompt ("Wahts your name?","Type your name here.")

همان طور كه در كد معلوم است تعريف كرده‌ايم كه متغيير "name" پنچره‌اي را باز كند كه در آن عبارت "?whats your name" نوشته شده باشد، و در قسمت فيلد ورودي هم عبارت ".Type your name here" نوشته شده باشد.
در كد بالا اگر كلمه Window را هم تايپ نكنيد كد درست كار ميكند ولي باز براي رعايت استاندارد بايد اين كلمه را وارد كنيم.
حالا اين كد را با تگ زير ميبنديم تا برنامه را تست كنيم.

</script>

حالا فايل را ذخيره كنيدو آن را در Browser مشاهده كنيد.
همان طور كه ميبينيد يك پنجره با عنوان Explorer User Prompt باز ميشود با همان تنظيماتي كه شما انجام داده‌ايد، ولي وقتي اين كادر را پر ميكنيد و Ok ميكنيد هيچ اتفاقس نميافتد ولي مقدار ورودي در حافظه متغيير name دخيره شده است.

حالا ميخواهيم متغيير "Lastname" را تعريف كنيم :

$lastname = window.prompt ("Whats your last name?","Type your last name here.")

و بعد از آن متغيير "Email" را تعريف ميكنيم :

$email = window.prompt ("Type your E-mail Address :","your E-mail here.")

در تمام متغيير‌هاي بالا درون پرانتز دو قسمت وجود دارد كه با كاما از هم جدا ميشوند و هر كدام درون دو علامت " قرار ميگيرند كه قسمت اول مربوط به عبارت بالاي بنجره و قسمت دوم مربوط به عبارت درون فيلد ورودي ميشود.
حالا فايل را ذخيره كنيد و در Browser مشاهده كنيد، همان طور كه ملاحظه ميكنيد سه پنجره باز ميشوند و از شما سوال‌هايي ميپرسند.

تا اين مرحله كار با متغيير‌ها و معرفي آنها را ياد گرفتيم ، بعد از اين ميخواهيم از اين متغيير‌ها يك خروجي بگيريم.
در اين مرحله ميخواهيم به كسي كه وارد سايت شده و به سوال‌ها پاسخ داده خوش‌آمد بگوييم، براي اين كار بايد از كد زير استفاده بكنيم:

document.write ("Welcome "+$name+$lastname,"By This E-mail: "+$email)

در اين كد با دستور Document.Write به سيستم دستور ميدهيم تا مقادير موجود در پرانتز را روي صفحه بنويسد.
ولي در اين قسمت چند عمل متفاوت وجود دارد ابتدا عبارت Welcome را بين دو علامت " مينويسيم و در مرحله بعد براي وصل كردن متغيير name و lastname به عبارت welcome از علامت + استفاده ميكنيم و سپس اين قسمت را با كاما جدا ميكنيم سپس بين دو علامت " عبارت "By This E-mail" را تايپ ميكنيم و بعد متغيير email را با علامت + به اين عبارت متصل مينيم.
بعد از ذخيره و اجراي برنامه متوجه ميشويم كه اين كلمات به هم چسبيده هستند براي جدا كردن آنها از هم درون هر " در آخر كلمه يا جمله يك فاصله قرار ميدهيم.

ما ميتوانيم نحوه نمايش و ظاهر اين متن را نيز تغيير دهيم براي اين كار در اول كد قبل از آغاز كد‌هاي جاوا سبك و نحوه‌ي نمايش متن را با كد‌هاي معمول HTML تعيين ميكنيم، براي مثال :

علاوه بر نمايش بصورت متن ميتوانيم اين متغيير‌ها را بصورت يك بنجره مجزا نمايش دهيم براي اين كار از كد زير استفاده ميكنيم :

window.alert ("Welcome "+$name+$lastname)
window.alert ("Bye This E-mail: "+$email)

در اين دستور محتواي متغيير‌ها بصورت يك پنجره در هنگام ورود به سايت نمايش داده ميشوند.

در پايان يك نمونه كد آماده براي يادگيري بهتر شما از اين برنامه قرار ميدهم :

<html>

<head>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1252">
<title>New Page 1</title>

<p align=center>
<font face=tahoma size=3>
<script language=javascript>
var $name,$lastname,$email
$name = window.prompt ("Wahts your name?","Type your name here.")
$lastname = window.prompt ("Whats your last name?","Type your last name here.")
$email = window.prompt ("Type your E-mail Address :","your E-mail here.")
document.write ("Welcome "+$name+$lastname,"By This E-mail: "+$email)
window.alert ("Welcome "+$name+$lastname)
window.alert ("Bye This E-mail: "+$email)
</script>
</font>
</p>

</head>

<body>

</body>

</html>

با آرزوي موفقيت براي شما!
[ Back ]