למד לקוד חלק ב': עבודה עם משתנים

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

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

יצירת הצהרת משתנה

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

<script>

תגים שיצרת ב-myscript.html שלך ב-שיעור קודם. תחילה ניצור ארבעה משתנים ולאחר מכן נשתמש בהם כדי ליצור משפט. להלן ארבעת המשתנים שברצונך ליצור:

var myName = "Adam";<br>var foodType = "apples";<br>var numberEaten = 3;<br>var numberTotal = 7;

אתה לא צריך להגדיר את הערכים שלהם למה שאתה רואה למעלה. לדוגמה, אם שמך הוא Melissa, ייתכן שתרצה להגדיר את הערך של המשתנה myName ל-"Melissa" במקום זאת. אם השם שלך באמת נורא ומביך (למשל הרפ), זה בסדר אם תשתמש בשלי. בכל מקרה, בואו ניצור משתנה חדש בשם myStatement ונשלב את ארבעת המשתנים שלנו כדי ליצור משפט. כדי לעשות זאת, פשוט הגדרנו את myStatement כך:

var myStatement = myName + " ate " + numberEaten + " " + foodType + ".";

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

alert(myStatement);

מה שאתה צריך לראות בהתראה הוא:Adam ate 3 apples.

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

var myStatement = myName + " ate " + numberEaten + " " + foodType + ", leaving " + (numberTotal - numberEaten) + " " + foodType + " left over.";

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

הדבר שחשוב לשים לב כאן הוא החלק בקוד שאומר(numberTotal - numberEaten). כאשר אתה מוסיף משתנה מחרוזת כמעט לכל דבר (אפילו למספר), הוא יוצר מחרוזת נוספת. אם אתה מוסיף שני מספרים יחד, זה בעצם עושה את החישוב (כלומר 2 + 3 ישתווה ל-5 ולא 23). מכיוון שיש לנו מחרוזות אחרות בתערובת, עלינו לוודא שהפעולה המתמטית הזו מתבצעת כמתמטיקהרֵאשִׁית. על ידי הצבת ההצהרה המתמטית בסוגריים, המחשב יידע לבצע את הפעולה הזו תחילה לפני שיראה אותה כחלק מהמשתנה הגדול של המחרוזת הארוכה שאנו יוצרים. ברור שאנחנו לא מחברים את שני המספרים האלה יחד, אבל אותם כללים חלים על כל הפעולות המתמטיות.

עם השינויים שבוצעו ב-myStatement, alert(myStatement) אמור להראות כעת:Adam ate 3 apples, leaving 4 apples left over.

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