תנאים וביטויים

התנאים יעזרו לנו לבצע קטעי קוד שונים בהתאם למצבים וביטויים שונים, למשל הדפסה של תוצאה כזו או אחרת בהתאם למצב נתון כלשהו. יש לנו שלושה מצבי "תנאי" (if) שונים שעליהם נלמד כאן.

דוגמא 1: if יחיד נועד לבדוק ביטוי ולבצע קוד וזהו.

דוגמא 2: if... if else נועד לבצע בדיקה ואז עוד אין ספור בדיקות אחרות.

דוגמא 3: if... else בניגוד לקודמו, מבצעים בדיקה לביטוי ואם הוא שקרי אז בכל מצב שהוא יהיה "ברירת מחדל".

גם אם לא הבנתם הכול עד כה זה בסדר נלמד עוד בהמשך ונבין יותר בקלות.

התנאים מורכבים בצורה פשוטה, המילה if מתחילה את התנאי תמיד ולאחריו בא הביטוי שיהיה תחום בסוגריים ואז בסוגריים מסולסלים יהיה קטע הקוד שירוץ במידה והתוצאה תחזיר אמת בביטוי שבסוגריים המעוגלים.

דוגמא לקטע קוד שזהה לדוגמא מספר 1 למעלה:

			<script type="text/javascript">
				//example 1
				if(condition)
				{
					//code
				}
			</script>

זה רק הבסיס כמובן, בדוגמא הבאה של קטע הקוד נראה דברים יותר מורכבים.

הנה קטע קוד עם כל הדוגמאות שמלמעלה, חשוב לומר שזו רק ההתחלה ובהמשך אפשר ליצור תנאים שונים כך שאל "תתקבעו" על זה, כאן רק נציג את העיקריים.

			<script type="text/javascript">
				//example 1
				if(condition)
				{
					//code
				}
				
				//exmaple 2
				if(condtion)
				{
					//code
				}
				else if(condition)
				{
					//code
				}
				
				//exmaple 3
				if(condtion)
				{
					//code
				}
				else				
				{
					//code
				}
			</script>

בשורה התחתונה הקטעי קוד האלו אומרים דבר פשוט והנה ההסבר המילולי.

דוגמא 1: אם (מחזיר אמת) {אז תבצע את הקוד סקריפט הזה} וזהו

דוגמא 2: אם (מחזיר אמת) {אז תבצע את הקוד סקריפט הזה} או אם (אמת) {אז תבצע את הסקריפט השונה מקודמו הזה} וזהו

דוגמא 3: אם (מחזיר אמת) {אז תבצע את הקוד הזה} אחרת { תבצע את הקוד הזה ללא כל תנאי} וזהו

בדוגמא השלישית יקרה משהו כברירת מחדל, לכן השתמשנו ב-else בניגוד לשתי הדוגמאות הראשונות שבהן יכול להיות מצב שכלום לא יקרה.

בואו נקח תרגיל מתמטי פשוט ונציב אותו בביטוי כדי לראות איך הארועים אכן מתרחשים. זה שייך לדוגמא מספר 1 ממקודם.

			<script type="text/javascript">
				//example 1
				var x = 2;
				if(x==2)
				{
					document.write("The condition return TRUE!");
				}
			</script>

כאן הגדרנו שהמשתנה x יהיה שווה ל-2 ויצרנו ביטוי שבודק אם המשתנה שלנו אכן שווה ל-2, ואם כן אז תבצע שורת קוד שתדפיס מלל באנגלית עם הפקודה write המוכרת לנו.

אבל מה יקרה אם הביטוי לא יחזיר אמת ולמשל x יהיה 5 אז לא יודפס לנו כלום! לכן נוסיף את ה-else "אחרת" מהדוגמא השלישית. זה שייך לדוגמא מספר 3 ממקודם.

			<script type="text/javascript">
				//example 1
				var x = 5;
				if(x==2)
				{
					document.write("The condition return TRUE!");
				}
				else
				{
					document.write("The condition return FALSE!");
				}
			</script>

הפעם שינינו את המשתנה x שיהיה שווה ל-5 ובדקנו בביטוי האם הוא שווה ל-2. מכוון שזה לא נכון אז הוחזר שקר ועברנו לתנאי "else" (שהוא ברירת מחדל) שמדפיס מלל שונה מהמלל הקודם (ההבדל הוא במילה האחרונה TRUE או FALSE).