Working with HTML

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

מטלה

  1. הכן דף מחשבון הכולל כפתורים של הספרות 0-9, ארבעת פעולות החשבון, כפתור "=", וכפתור AC. כמו כן, שדה להצגת התוצאות (מסך המחשבון). מומלץ לבנות את הדף באמצעות טבלה בתוך תגית Form. ראו לדוגמה:
  2. כתוב תוכנית JS אשר לחיצה על הספרות מוסיפה ספרה למסך התצוגה. שים לב שניתן להוסיף גם נקודה עשרונית.
  3. הוסף פעולה בה לחיצה על AC מוחקת את התצוגה.
  4. הוסף פעולה בה לחיצה על (חץ שמאלה) מוחקת את הספרה האחרונה שהוכנסה. לצורך ביטול תו במחרוזת ניתן להשתמש בפונקציה slice או substring. ראה כיצד להשתמש ב w3Schools או בשיעור על מחרוזות.
  5. הוסף פעולות המאפשרות לחבר שני מספרים. כלומר המשתמש מכניס מספר. אחר כך לוחץ על "+" המספר נשמר בזכרון (וגם הפעולה נשמרת בזכרון – "+"). אחר כך מכניס עוד מספר. לוחץ על "=" והמחשב מבצע את החיבור ומדפיס את התוצאה על המסך. הפעולה "=" מבצעת חיבור של המספר הקודם שנשמר בזכרון ובין המספר הנוכחי על לוח המחשבון.
  6. הוסף פעולות המטפלות בשאר פעולות החשבון. שים לב שבעת לחיצה על כפתור פעולה נתבקשתם לשמור גם את המספר וגם את הפעולה בזכרון – כך שלפי סוג הפעולה ניתן לדעת איזה פעולת חשבון לעשות.
  7. השלם את שאר הפעולות במחשבון לפי הכפתורים.
  8. עצב את המחשבון כראות עיניך.