calculator_js

יצירת מחשבון ב-JS

ישנן דרכים רבות לכתוב מחשבון ב-Java Script ולהציגו ב-HTML , בפוסט זה אראה דרך שנחשבת יחסית לפשוטה.

אך תחילה, בואו ונראה את הדמו:


בחלק ה-HTMLי נגדיר בתוך טבלה את הכפתורים שלנו עם ערכי המספרים כשלכל כפתור נגדיר OnClick Event .

כל הכפתורים מלבד כפתור ה “=” , יקראו לפונקציית pushButton כאשר מעבירים לה את ערך הכפתור (יוגדר תחת מאפיין ה-Value).

כפתור ה “=” יקרא לפונקצית calculate ויעביר לה את הערך הנקרא ממסך התצוגה של המחשבון , במסך זה התווספו כל ערכי הכפתורים שנלחצו קודם לכן על ידי פונקציית pushButton. לאחר שקראנו את מחרוזת התווים מהמסך, נשערך (על ידי שימוש בפונקציית eval) את התוצאה ונכניס את התוצאה שוב על מסך התצוגה של המחשבון.


myadv


בואו נראה את החלק ה-HTMLי של התוכנית:

 

ואת החלק ה-JS של התוכנית:

שימו לב כי בחלק ה-JS , בסה”כ מדובר ב-2 פונקציות, האחת מטפלת בחישוב התוצאה לאחר הקלקה על כפתור ה “=”

השנייה מטפלת בכל כפתורי המחשבון האחרים כאשר גם היא מתחלקת לשני מקרים, הראשון ברגע לחיצת כפתור ה-C (ואז הערכים נמחקים), השני – כל שאר הכפתורים.

1 comment

כתיבת תגובה

האימייל לא יוצג באתר. (*) שדות חובה מסומנים

היי, אני לא רובוט *

תגי HTML מותרים: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code class="" title="" data-url=""> <del datetime=""> <em> <i> <q cite=""> <strike> <strong> <pre class="" title="" data-url=""> <span class="" title="" data-url="">