درود دوستان! فرض کنیم توی برنامه می‌خوایم بر اساس شرایط مختلف، کارهای متفاوتی انجام بدیم. مثلاً اگه ساعت ۸ صبح بود به کاربر بگیم «صبح بخیر» و اگه ۸ شب بود بگیم «شب بخیر». با این کار به قول معروف می‌خوایم جریان برنامه رو کنترل کنیم.

توی این دو قسمت با موارد زیر آشنا می‌شیم:

 

تابع prompt؟

ابتدا با یک تابع جدید به اسم prompt آشنا بشیم که توی ادامه زیاد می‌خوایم از اون استفاده کنیم. وقتی تابع prompt اجرا بشه، توی مرورگر یک کادر به همراه یک ورودی نمایش داده میشه تا بتونه از کاربر یک ورودی درخواست کنه:

const name = prompt("What is your name?");

alert("Your name is " + name);

روی دکمه ► کلیک کنین تا خروجی رو ببینین. ورودی اول این تابع، پیامِ درخواستی ما هست که می‌خوایم به کاربر نشون بدیم. وقتی کادر باز بشه، یک ورودی به کاربر نمایش داده میشه و هر چیزی که کاربر توی اون ورودی بنویسه به متغیر name نسبت داده میشه.

همچنین قبل از اینکه به ادامه بپردازیم، لازمه که قبلش اطلاعاتی از عبارت‌های truthy و falsy جاوااسکریپت داشته باشیم که با اونها می‌تونین از اینجا آشنا بشین:

حالا بریم بررسی کنیم که چطوری می‌تونیم توی جاوااسکریپت جریان برنامه رو کنترل کنیم.

 

مدیریت شرط‌ها با استفاده از if

این روش رایج‌ترین راه برای بررسی شرط‌ها توی یک برنامه هست. ساختار if به صورت زیر هست:

if (condition) {
  // ...
}

توی کد بالا، condition شرط مورد نظر ما هست که می‌خوایم بررسی بشه. اگه شرط یک عبارت truthy باشه، یعنی شرط برقرار هست و کدهایی که بین براکت‌ها { } نوشتیم برای ما اجرا میشه. در غیر این صورت کدهای اون قسمت نادیده گرفته میشه.

به فضای بین { } به اصطلاح گفته میشه بلاک:

{
  // block
}

if (...) {
  // block
}

مثال زیر رو در نظر بگیرید:

const x = prompt("Enter your score");

if (x == 10) {
  alert("Hooray! 🎉");
}