הפונקציה appendToDisplay

שיעור 11 מתוך 14 בקורס פרויקט DOM - מחשבון של Coddy.

עלינו ליצור ארבע פונקציות:

appendToDisplay: להצגת הערך של המספר או הסמל שעליו לחצו
clearDisplay: לניקוי כל מה שמופיע בתצוגה (C)
deleteLast: למחיקת כל מספר או סמל (פעולת מקש Backspace)
calculateResult: לאחר לחיצה על כפתור השווה, מתקבלת תוצאה.

אתגר

קל

צרו פונקציה בשם appendToDisplay שמקבלת value כפרמטר ומוסיפה את המספרים או הסימנים אל 'display'.
עכשיו, כשהפונקציה שלנו מוכנה, צריך לגרום לה לעבוד. לכן השתמשו במאפיין onclick והגדירו את appendToDisplay(value) בכל הכפתורים, למעט ‘C’, '←' ו-‘='. הנה דוגמה:

<button class="btn" onclick="appendToDisplay('/')">>/</button>

(רעננו את האתר בפינה הימנית העליונה ולחצו על המספרים כדי לבדוק אם זה עובד!)

נסו בעצמכם

<!DOCTYPE html>
<html>
<head>
    <link rel="stylesheet" href="styles.css">
</head>
    <body>
        <!-- כתבו כאן קוד HTML -->
        <script src="script.js"></script>
    </body>
</html>