הקדמה בשיעור הקודם למדנו על JavaScript(JS)i ואיך עושים הודעות קופצות, הערות וכ'ו.
מתחילים
הצגת מלל
בשביל להציג מלל ב-JS נרשום כך:
קוד PHP:
window.document.write("<span style='color: Red;'>I'm Red!</span>"); //we print "I'm Red" in Red
ויצא:
I'm Red!
מה שרשמנו זה פשוט מאוד.
באנו לאובייקט החלון(window) אז אל מחלקת המסמך(document) ואז עשינו את המתודה write.
בתוך הסוגריים והגרשיים נכתוב את הקוד HTML שלנו וכך ייצא בדפדפן.
בתוך השיטה write(); אפשר לשים את כל קודי ה-HTML העיקר שיהיהו בתוך מרכאות כפולות (" ") או גרש בודד (' ')
אפשר גם לרשום אותו דבר כך:
קוד PHP:
window.document.write("<span style='color: Red;'>" + "I'm Red!" + "</span>"); //we print "I'm Red" in Red
והפלט זהה.
מכיוון שזה עושה את אותה פעולה בדיוק אבל זה יותר נוח כי זה מחבר את כל הפעולות יחדיו וכך הקוד יותר קל לקריאה.
משתנים
מי שבא משפות התכנות (או משפות צד שרת) יודע שיש דבר הנקרא
משתנים.
אם אתם יודעים מתמטיקה אז כנראה תתחילו לחשוב לי על X,Y ו-Z. (או בשם אחר אלגברה) זה בכלל לא ככה (חוץ מכמה פעולות בסיסיות).
בשביל להגדיר משתנה ב-JS עלינו לרשום כך:
var myvar ="Hello JavaScript!" // we make a var
אז מה עשינו פה?
קודם כל הכנסנו את המילה השמורה "var" שאומרת שזהו משתנה.
מי שבא מרקע תכנותי (C, C#, Pascal וכדומה) יקפוץ לו משהו מוזר לעיין ובצדק.
איפה נמצא המילה string או int ? אז זהו היופי ב-JS. לא צריך את זה, אתה יכול להכניס גם קטע טקסט, מספר ועוד הרבה דברים טובים, אתה רק צריך לכתוב var לפני במקום להסתבך עם int או string.
בשפות שונות שמות המשתנים יכולות להיות קריטיות מאוד!
להלן מספר חוקים שאסורים בנוגע שמות למשתנים:
- אסור לשים רווח בשם משתנה.
- אין לשים תווים מיוחדים, מותר רק אותיות גדולות וקטנות באנגלית כאחד, ספרות ושני הסימנים המיוחדים ("_") ו-("$"). כל השאר אסורים בהחלט!
- התו הראשון חייב להכיל אות, קטנה או גדולה.
- אסור לעשות שימוש במילה שמורה (ראה כ-מילים שמורות בסוף המדריך)
בשביל להשתמש במשתנה אנחנו צריכים לרשום כך:
var myvarname = "Hello World" // we make a var
מה עשינו פה?
קודם כל הכרזנו על משתנה (var) אז נתנו לו שם (myvarname) ואז הכנסנו לו את הארך מחרוזת (string) האמור Hello World.
אם עשיתם טוב לא אמור לצאת לכם כלום.
בואו נכתוב את המשתנה (נדפיס אותו על המסך):
קוד PHP:
var myvarname = "Hello World"; // we make a varwindow.documwnt.write(myvarname); //we print the var
יצא:
Hello World
לעומת זאת אם נכניס למשתנה את הקוד הזה:
var myvarname = "<span style='color: Red;'>Hello World</span>"; // we make a var
יצא:
Hello World
אפשר להשתמש גם בנוסחאות מתמטיות ב-JS.
כלומר אם נרשום כך:
קוד PHP:
;var num = 5;var num2 = 10;var num3 = num * num2window.document.write(num3); // we print num3
מה לדעתכם יצא?
תשובה:
50 מכיוון שמכפילים את המשתנה הראשון (שווה ל-5) למשתנה השני (שווה ל-10) ו-10*5 שווה ל-50.
אופרטורים
פרט לפעולת חיבור יש עוד כמה פעולות שאפשר לעשות, פעולות אלה נקראות אופרטורים:
הסימן |
פעולה |
- |
חיסור |
* |
כפל |
/ |
חילוק |
% |
מודולס (שארית מחילוק) |
הוספת ערך למשתנה
עד כה, יש לנו רק משתנים, אך אם אנו רוצים לעשות שינוי של הערך במועד מאוחר יותר? זה דבר פשוט מאוד, לדוגמא:
קוד PHP:
var x = 1;
window.document.write("x = " + x);
x = 2;
window.document.write("x = " + x);
ההצבה לאחר יצירת המשתנה פשוטה, רשמנו את שם המשתנה (במקרה שלנו זה x ולאחר מכן את הסימן שווה ואת הערך).
אם נרצה להוסיף מספר אחד למשתנה?
זה גם פשוט מאוד, לדוגמא:
קוד PHP:
var x = 1;
window.document.write("x = " + x);
x = x + 1;
window.document.write("x = " + x);
או:
קוד PHP:
var x = 1;
window.document.write("x = " + x);
x += 1;
window.document.write("x = " + x);
או:
קוד PHP:
var x = 1;
window.document.write("x = " + x);
x++;
window.document.write("x = " + x);
אותם הפעולות עובדות גם על חיסור(מינוס "-").
ש.ב
תתנו לי קוד JavaScript, שרושם כמה זה 4 כפול 6 חלקי 8 פחות 12.
כלומר יציב משתנה וירשום אותו.