نمادها

شما اینجا هستید

آموزش دستور IF در جاوااسکریپت

در خدمت شما هستیم با آموزش دستور IF در جاوااسکریپت

آموزش دستور IF در جاوااسکریپت دستور شرطی IF را با مثال به شما یاد می دهد

سلام برنامه در این اموزش انواع مدل های دستور شرطی IF را به شما آموزش می دهد

ساختار کلی دستور IF به شکل زیر است

if(دستور شرط) {اعمالی که در صورت درستی شرط باید اعمال شود} else{اعمالی که در صورت اشتباه بودن شرط اعمال می شود}

ساختار if در تمام زبان های برنامه نویسی به همین حالت هست اما نحوه استفاده آن در جاوا مهم است

 

دستور if

همانطور که بالا اشاره کردیم دستور if برای برقراری شرط است که فرم کلی آن را نیز معرفی کردیم.
حال مثالی از آن میزنیم تا برای شما بیشتر این موضوع اشکار شود.

<!DOCTYPE html>
<html>
<body>

<p>Click the button to display a time-based greeting:</p>

<button onclick="myFunction()">Try it</button>

<p id="demo"></p>

<script>
function myFunction() {
  var hour = new Date().getHours(); 
  var greeting;
  if (hour < 18) {
    greeting = "Good day";
  } else {
    greeting = "Good evening";
  }
  document.getElementById("demo").innerHTML = greeting;
}
</script>

</body>
</html>

در کد بالا ما مثالی از جاوااسکریپت آوردیم این مثال زمان جاری را دریافت میکند و اگر در نیمه اول روز باشید Good day و در غیر این صورت Good evening نشان میدهد.
همانطور که مشخص است شرط if زمان کوچکتر از ۱۸ است و در قسمت else خارج از شرط را اجرا میکند.

حال سوال اینجاست آیا میتوان دستور شرطی تعریف کرد که else نداشته باشد یا چند if و else داشته باشد؟

بله میتوان شرطی تعریف کرد که else نداشته باشد همچنین میتوان دستور شرطی با چند if تعریف کرد.
به دستورات شرطی با چند if شرط تو در تو گفته میشود.برای واضح تر شدن موضوع مثال دیگری میزنیم.

<!DOCTYPE html>
<html>
<body>

<p>Click the button to get a time-based greeting:</p>

<button onclick="myFunction()">Try it</button>

<p id="demo"></p>

<script>
function myFunction() {
  var greeting;
  var time = new Date().getHours();
  if (time < 10) {
    greeting = "Good morning";
  } else if (time < 20) {
    greeting = "Good day";
  } else {
    greeting = "Good evening";
  }
  document.getElementById("demo").innerHTML = greeting;
}
</script>

</body>
</html>

در مثال بالا همانطور که میبینید از یک if و یک else if و یک else استفاده کرده ایم.
در مثال بالا ۲ شرط و یک خلاف شرط اجرا میشود.

اگر تعداد if ها زیاد شود پیشنهاد ما استفاده از دستور switch هست که میتوانید آموزش آن را در لینک زیر ببینید.

آموزش دستور Switch Case در جاوااسکریپت

از آنجایی که این آموزش تصویری است از توضیحات اضافه پرهیز می کنیم

شما می توانید ویدیو این آموزش را همراه با سورس کد آن از باکس دانلود موجود در زیر همین پست دریافت نمایید

اگر این مطلب آموزنده بود به ما امتیاز دهید

میانگین امتیاز / 5. تعداد آرا:

اولین کسی باشید که رای میدهید


این مجموعه فایل rar است که برای باز کردن آن نیاز به نرم افزار Winrar می باشد

دانلود آموزش دستور IF در جاوااسکریپت و سورس کد ها : نوع فایل:rar/video/code حجم فایل:16.12 مگابایت

بعد از اکسترکت (extract) کردن فایل ها آن را با یک پلیر تصویری ببینید

یک دیدگاه برای “آموزش دستور IF در جاوااسکریپت”

  1. حسین گفت:

    میخاهم شرطی ایجاد کنم ورودی بگیرد اگر بالای ۱۸ سال باشه به صفحه اصلی وارد بشه در غیر اینصورت پیغام بدهد کد شرط و فراخانیشو میخام. ممنون

دیدگاهتان را بنویسید

نشانی ایمیل شما منتشر نخواهد شد. بخش‌های موردنیاز علامت‌گذاری شده‌اند *

این سایت از اکیسمت برای کاهش هرزنامه استفاده می کند. بیاموزید که چگونه اطلاعات دیدگاه های شما پردازش می‌شوند.