سرفصل‌های پست
آموزش جاوااسکریپت به زبان ساده
سلام دوباره خدمت دوستان و کاربران عزیز سایت میزفا ؛
در این قسمت از آموزش جاوا اسکریپت با عبارات شرطی موجود در زبان جاوااسکریپت آشا خواهیم شد.
آشنایی با عبارات شرطی
در هنگام نوشتن یک برنامه زمانی بوجود می آید که شما نیاز داریم از یک مجموعه مسیرهای مشخص استفاده کنید.در این مواقع باید از عبارات شرطی استفاده کنیم که به ما در تصمیم گیری و اقدام درست کمک می کنند.
جاوااسکریپت از عبارات شرطی به خوبی پشتیبانی می کند که در ادامه خواهیم دید.
فلوچارت (flow chart) زیر به خوبی نحوه کارکرد عبارات شرطی را نمایش می دهد:
عبارات شرطی در بیشتر زبان های برنامه نویسی از جمله زبان جاوااسریپت به سه حالت کلی زیر تقسیم می شوند:
- عبارت if
- عبارت if….else
- عبارت if….else if
عبارت if :
اگر شرط موردنظر برقرار(true) بود دستورات داخل بلاک if اجرا می شوند.
نحوه کاربرد:
[box fontsize=”16″ radius=”5″]
if (شرط) {
اگر شرط برقرار باشد ، دستوراتی که در این محل قرار دارند اجرا می شوند
}
[/box]
به مثال زیر توجه کنید:
<html>
<body>
<script type="text/javascript">
<!--
var age = 20;
if( age > 18 ){
document.write("<b>Qualifies for driving</b>");
}
//-->
</script>
<p>Set the variable to different value and then try...</p>
</body>
</html>
output
//Qualifies for driving
//Set the variable to different value and then try...
عبارت if….else :
در این حالت اگر شرط موردنظر برقرار بود دستورات درون بلاک if اجرا می شوند در غیر این صورت یعنی در صورتی که شرط if برقرار نباشد دستورات درون بلاک else اجرا می شوند.
نحوه کاربرد:
[box fontsize=”16″ radius=”5″]
if (شرط) {
اگر شرط برقرار باشد ، دستوراتی که در این محل قرار دارند اجرا می شوند
} else {
اگر شرط برقرار نباشد ، دستوراتی که در این محل قرار دارند اجرا می شوند
}
[/box]
به مثال زیر توجه کنید:
<html>
<body>
<script type="text/javascript">
<!--
var age = 15;
if( age > 18 ){
document.write("<b>Qualifies for driving</b>");
}
else{
document.write("<b>Does not qualify for driving</b>");
}
//-->
</script>
<p>Set the variable to different value and then try...</p>
</body>
</html>
output
//Does not qualify for driving
//Set the variable to different value and then try...
عبارت if….else if…. :
این حالت در واقع دو حات قبل را به صورت یکجا دارد و ترکیبی از آن هاست:
نحوه کاربرد:
[box fontsize=”16″ radius=”5″]
if (شرط1) {
اگر شرط اول برقرار باشد ، دستوراتی که در این محل قرار دارند اجرا می شوند
} else if (شرط2) {
اگر شرط دوم برقرار باشد ، دستوراتی که در این محل قرار دارند اجرا می شوند
} else {
اگر هیچ کدوم از شرط ها برقرار نباشد، دستوراتی که در این محل قرار دارند اجرا می شوند
}
[/box]
به مثال زیر توجه کنید:
<html>
<body>
<script type="text/javascript">
<!--
var book = "maths";
if( book == "history" ){
document.write("<b>History Book</b>");
}
else if( book == "maths" ){
document.write("<b>Maths Book</b>");
}
else if( book == "economics" ){
document.write("<b>Economics Book</b>");
}
else{
document.write("<b>Unknown Book</b>");
}
//-->
</script>
<p>Set the variable to different value and then try...</p>
</body>
<html>
output
//Maths Book
//Set the variable to different value and then try...
در آخر اینکه آشنایی با نحوه استفاده از عملگرها برای استفاه بهتر از عبارت های شرطی ضروری است.
امیداوارم این آموزش Javascript براتون مفید بوده باشه و دقت داشته باشید که هر جلسه رو به خوبی تمرین کنید چرا که در آینده نزدیک و جلسات آتی یاد خواهید گرفت که چطور با جاوا اسکریپت طراحی سایت انجام بدید.
موفق باشید.
2 پاسخ
سلام در نرم افزار محتواساز الکترونیکی استوری لاین از زبان جاوااسکریپت میشه استفاده کرد و بازی های آموزشی فراوان و زیبا تولید کرد . لذا تقاضا مندم که در این زمینه به فرهنگیان عزیز کمک کنید . اگر محبت کنید تماس هم بگیرید که من توضیح بدم ممنون .09124066551
سلام
بله با جاوااسکریپت می شود بازی طراحی کرد ولی بنده هنوز در این زمینه اطلاعات کافی ندارم…