כיצד ליצור מחשבון עם HTML

מְחַבֵּר: John Stephens
תאריך הבריאה: 21 יָנוּאָר 2021
תאריך עדכון: 15 מאי 2024
Anonim
How to make calculator using html and css
וִידֵאוֹ: How to make calculator using html and css

תוֹכֶן

במאמר זה: הבנת את הקוד כתוב את הקוד הבסיסי של המחשבון צור את המחשבון השתמש במחשבון 11 הפניות

ישנן דרכים רבות לבצע חישובים במחשב שלך באמצעות המחשבון המובנה, אך אתה יכול גם ליצור משלך באמצעות קוד HTML בלבד. לשם כך, עליך ללמוד את היסודות של HTML לפני שאתה מעתיק את הקוד הדרוש לקובץ e שאתה שומר באמצעות סיומת.html. ואז פשוט פתח את הקובץ בדפדפן המועדף עליך כדי לגשת למחשבון. טכניקה זו מאפשרת לך לבצע חישובים ישירות בדפדפן שלך תוך כדי לימוד היסודות של אומנות תכנות המחשבים.


בשלבים

חלק 1 הבנת הקוד



  1. להבין כיצד הקוד עובד. הקוד בו תשתמש כדי ליצור את המחשבון מבוסס על פיסות קוד קטנות שעובדות אחת עם השנייה להגדרת אלמנטים שונים של המסמך. תוכלו ללמוד עוד על HTML על ידי לחיצה על קישור זה או שתוכלו לקרוא מה עושה כל שורה בקוד בו אתם הולכים להשתמש עבור המחשבון.
    • html: פיסת קוד זו מציינת לשאר המסמך את השפה בה נעשה שימוש. משתמשים בשפות תכנות רבות ושונות והתג מציין לשאר המסמך שהפעם מדובר ב- HTML בו אתה משתמש.
    • ראש : זה אומר למסמך כי המידע שלהלן הוא נתונים המכונים גם "מטא נתונים". התג משמש בדרך כלל להגדרת אלמנטים סגנוניים של המסמך, כמו כותרת, כותרות וכו '. זה כמו מטריה שמתחתיה מוגדרים שאר הקוד.
    • כותרת : זה הכותרת שתעביר למסמך. תגית זו משמשת להצגת כותרת המסמך ברגע שהוא נפתח בדפדפן.
    • גוף bgcolor = "#" : זה קובע צבע רקע למסמך. המספר שמופיע לאחר החריץ מתאים לצבע שנקבע מראש.
    • = '' : המילה במירכאות מציינת את צבע ה- e על המסמך.
    • טופס שם = "" : תכונה זו מציינת את שם הטופס שישמש למבנה של מה שאחריו כדי שג'אווה סקריפט יכול לדעת באיזו טופס מדברים. לדוגמה, שם הטופס בו נשתמש הוא "מחשבון" אשר ייצור את המבנה הספציפי של המסמך.
    • סוג קלט = "" : זה המקום בו הפעולה תתקיים. התכונה "סוג קלט" מציגה למסמך את סוג הערך של ה- e בשאר הסוגריים. לדוגמה, זה יכול להיות e, סיסמא, כפתור (כפי שיהיה עבור המחשבון שלנו) וכן הלאה.
    • ערך = "" : תכונה זו מספרת למסמך מה תכיל התכונה "סוג קלט". עבור מחשבון, תציג את המספרים 1 עד 9 ואת הסימנים האריתמטיים (+, -, *, /, =).
    • onclick = "" : פיסת קוד זו מתארת ​​אירוע שאומר למסמך שמשהו צריך לקרות כאשר הכפתור מופעל. עבור מחשבון, ברצונך להציג את המספר שמתאים ללחצן שהמשתמש לחץ עליו. לדוגמה, אם כפתור 6 מופעל, ברצונך לשים document.calculator.in.value + = 6 בין מרכאות.
    • br : זה תג שמצביע על מעבר שורה, כל שאר הקוד הבא יופיע שורה למטה.
    • / form, / body ו- / html תגיות הסגירה הללו מודיעות לדפדפן שהתגיות שפתחת קודם לכן סיימו ונסגרו.

חלק 2 כתוב את הקוד הבסיסי של המחשבון

העתק את הקוד למטה. בחר את ה- e למטה על ידי שמירה על הסמן לחוץ מהפינה השמאלית העליונה של התיבה וגרירתו לפינה הימנית התחתונה כך שכל ה- e יופיע בכחול. לאחר מכן לחץ על "Command + C" במחשב Mac או על "Ctrl + C" במחשב כדי להעתיק את ה- e.


מחשבון HTML

התוצאה היא

חלק 3 יצירת המחשבון




  1. פתח קובץ e במחשב. ישנן תוכנות רבות בהן תוכלו להשתמש, אך לצורך האיכות מומלץ להשתמש בעריכה או בפנקס רשימות.
    • ב- Mac, פשוט לחץ על זכוכית המגדלת שבפינה השמאלית העליונה של המסך כדי לפתוח את הזרקור. לאחר פתיחה, הקלד עריכה ולחץ על התוכנית שצריך לבחור בכחול.
    • במחשב, לחץ על הכפתור התחלה שמאל תחתון. בסרגל החיפוש, הקלד Notepad ולחץ על היישום שצריך להופיע בתוצאות.


  2. הדבק את קוד ה- HTML במסמך.
    • ב- Mac, פשוט לחץ על גוף המסמך ולחץ על "פקודה + וי". לאחר מכן עליך ללחוץ על פורמט בראש המסך ואז הלאה צפה ב- e פשוט לאחר הדבקת הקוד.
    • במחשב, לחץ על גוף המסמך והדבק את הקוד בלחיצה על "Ctrl + V".


  3. שמור את הקובץ. פשוט לחץ על הכפתור קובץ בפינה השמאלית העליונה של החלון ואז הלאה שמור כ ... במחשב או שמור ... במחשב Mac בתפריט הנפתח שמופיע.


  4. הוסף את סיומת HTML. לאחר התפריט, הקלד את שם הקובץ ואחריו ".html" לפני שאתה לוחץ עליו שיא. לדוגמה, אם אתה רוצה לקרוא לקובץ זה "המחשבון הראשון שלי", אתה יכול לתת אותו כשם: "MyPremierCalculette.html".

חלק 4 שימוש במחשבון



  1. מצא את קובץ ה- HTML. פשוט הקלד את שם הקובץ ב- Spotlight ב- Mac או בסרגל החיפוש בתפריט התחל של Windows. אין צורך להקליד את סיומת הקובץ.


  2. לחץ עליו כדי לפתוח אותו. דפדפן ברירת המחדל שלך אמור לפתוח את המחשבון בכרטיסייה חדשה.


  3. לחץ על הכפתורים כדי להשתמש בהם. תוצאות החישובים שלך צריכות להיות מופיעות בסרגל שמספק למטרה זו.

סעיפים אחרים לפעמים צריך לנקות את ההודעות הישירות שאתה מקבל בטוויטר. אתה יכול למחוק את ההודעות האלה במהירות ובקלות כמו שניקית את הציוצים שלך. מאמר זה ינחה אותך כיצד לעשות זאת. פתח את דפדפן האינטרנט של...

איך לנסוע ברכבת

Joan Hall

מאי 2024

סעיפים אחרים רכבות הן דרך טובה להתנייד ותחנות קשורות לרוב לנתיבי אוטובוס המאפשרים נסיעה קלה ברחבי הארץ. לְתַכְנֵן! אם אתה יודע את תאריך ושעת הנסיעה שלך שבועיים לערך מראש, עבור לתחנה מקומית או לאתר רכב...

מרתק