Deinen Code verstehen Deinen Taschenrechner verwenden Deinen Taschenrechner erstellen
Der Code, mit dem du deinen Taschenrechner  erstellen wirst, besteht aus vielen Teilen mit einer Syntax, die zusammen arbeiten, um verschiedene Elemente eines Dokuments zu definieren. Klicke hier für eine Anleitung, wie du dich damit vertraut machst, oder lies weiter, um zu erfahren, was die einzelnen Textzeilen im Code machen, mit denen du deinen Taschenrechner erstellst.   html: Dieser Teil der Syntax gibt dem Rest des Dokuments an, welche Sprache im Code verwendet wird. Beim Programmieren werden verschiedene Sprachen eingesetzt und <html> gibt dem Rest des Dokuments an, dass es in - du hast es bestimmt schon erraten! - html ist.   head: Dies gibt an, dass alles darunter Daten sind, auch als "Metadaten" bezeichnet. Die Angabe <head> wird normalerweise zur Definition von stilistischen Elementen eines Dokuments wie Titel, Überschriften und so weiter verwendet. Stelle es dir vor wie einen Schirm, unter dem der Rest des Codes definiert wird.   title: Hier gibst du den Titel deines Dokuments an. Mit diesem Attribut wird definiert, wie der Titel des Dokuments lautet, wenn es im Browser geöffnet wird.  body bgcolor= "#": Hiermit wird die Hintergrundfarbe festgelegt. Die Zahl zwischen diesen beiden Anführungszeichen, die nach dem Rautezeichen (#) steht, entspricht einer vorbestimmten Farbe.  text= "": Das Wort zwischen diesen beiden Anführungszeichen legt die Textfarbe im Dokument fest.  form name="": Hiermit wird der Name eines Formulars angegeben, mit dem die Struktur dessen aufgebaut wird, was danach kommt. Dies ist abhängig davon, was der Name des Formulars in Javascript bedeutet. Wir werden z. B. den Formularnamen "calculator" verwenden, was in dem Dokument eine bestimmte Struktur erzeugt.   input type="": Hier passiert die Handlung. Das Attribut "input type" gibt an, welche Art Text die Werte im Rest der Klammern sind. Sie könnten z. B. ein Text, ein Passwort, ein Button (wie beim Taschenrechner) und so weiter sein.   value="": Hiermit wird angegeben, was im oben angegebenen input type enthalten ist. Bei einem Taschenrechner sind dies unsere Zahlen (1 bis 9) und Operationen (+, -, *, /, =).   onClick="": Diese Syntax beschreibt ein Ereignis, welches dem Dokument mitteilt, dass etwas passieren soll, wenn auf den Button geklickt wird. Bei einem Taschenrechner wollen wir, dass der Text, der auf jedem Button angezeigt wird, als solcher zu verstehen ist. Für den Button "6" setzen wir also document.calculator.ans.value+='6' zwischen die Anführungszeichen.   br: Dieser Tag löst einen Zeilenumbruch aus, so dass alles, was danach kommt, jeweils eine Zeile darunter erscheint.   /form, /body und /html: Hiermit werden die entsprechenden Angaben von vorhin geschlossen bzw. beendet. Tippe dafür (wie im vorigen Schritt beschrieben) den Namen der Datei in Spotlight oder im Suchfeld des Startmenüs ein. Du musst die Dateiendung "html" nicht eingeben. Dein Standard-Browser öffnet den Taschenrechner als neue Webseite. Die Ergebnisse deiner Gleichungen werden im Ergebnisfeld angezeigt. Es gibt eine Reihe Programme, die du nutzen kannst, aber aus Gründen der Bequemlichkeit und Qualität empfehlen wir die Verwendung von TextEdit oder Notepad.  Klicke auf einem Mac oben rechts auf die Lupe, um Spotlight zu öffnen. Tippe in Spotlight TextEdit ein und klicke auf das Programm TextEdit, welches jetzt blau markiert sein sollte. Gehe auf einem PC unten links ins Startmenü. Tippe ins Suchfeld Notepad ein und klicke auf das Programm Notepad, welches rechts daneben in der Liste mit den Ergebnissen angezeigt wird. Klicke auf einem Mac in das Dokument und drücke auf "Command + V". Du musst dann nach dem Einfügen des Codes oben auf dem Bildschirm auf "Formatieren" klicken und "Reiner Text" auswählen.  Klicke auf einem PC in das Dokument und drücke auf "Strg + V". Klicke dafür oben links auf "Datei" und wähle aus dem Menü "Speichern als..." aus. Tippe im Menü "Speichern als..." den Namen der Datei gefolgt von ".html" ein und klicke dann auf "Speichern". Wenn du die Datei z. B. Mein erster Taschenrechner benennen möchtest, würdest du die Datei als "MeinErsterTaschenrechner.html" speichern.
Lerne, was die einzelnen HTML-Funktionen machen. Finde die Datei, die du gerade erstellt hast. Klicke zum Öffnen auf die Datei. Klicke auf die Buttons des Taschenrechners, um ihn zu benutzen. Öffne einen Texteditor auf deinem Computer. Füge den HTML-Code für einen Taschenrechner in das Dokument ein. Speichere die Datei. Füge dem Namen der Datei eine HTML-Endung hinzu.
https://www.wikihow.com/Create-a-Calculator-Using-HTML https://www.wikihow.com/Create-a-Calculator-Using-HTML https://www.wikihow.com/Create-a-Calculator-Using-HTML
Understanding Your Code Using Your Calculator Creating Your Calculator