הקדמה
מתחילים
הצגת מללבשביל להציג מלל ב-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
תשובה:
ספוילר: אופרטורים
פרט לפעולת חיבור יש עוד כמה פעולות שאפשר לעשות, פעולות אלה נקראות אופרטורים:
| הסימן | פעולה |
| - | חיסור |
| * | כפל |
| / | חילוק |
| % | מודולס (שארית מחילוק) |
עד כה, יש לנו רק משתנים, אך אם אנו רוצים לעשות שינוי של הערך במועד מאוחר יותר? זה דבר פשוט מאוד, לדוגמא:
קוד PHP:
var x = 1;
window.document.write("x = " + x);
x = 2;
window.document.write("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.כלומר יציב משתנה וירשום אותו.
הודעת מערכת