



Klicken Sie auf einem Mac auf den Textkörper des Dokuments und drücken Sie Befehl+V. Dann klick Format oben auf dem Bildschirm und drücken Sie dann Klartext erstellen nach dem Einfügen des Codes. Klicken Sie auf einem PC auf den Textkörper des Dokuments und dann auf Strg+V.




Sie können diesen Rechner in eine Webseite einbinden, wenn Sie möchten. Sie können auch HTML-Stile verwenden, um das Aussehen des Taschenrechners zu ändern.
Einen taschenrechner in html programmieren
Es gibt viele verschiedene Möglichkeiten, mit einem Computer mithilfe des integrierten Taschenrechners zu berechnen, aber eine andere Möglichkeit besteht darin, Ihren eigenen mit einfachem HTML-Code zu erstellen. Um einen Taschenrechner mit HTML zu erstellen, benötigen Sie einige Grundkenntnisse in HTML, geben dann den erforderlichen Code in einen Texteditor ein und speichern ihn als HTML-Datei. Sie können den Rechner dann verwenden, indem Sie die HTML-Datei in Ihrem bevorzugten Browser öffnen. Dadurch können Sie nicht nur arithmetische Operationen in Ihrem Browser ausführen, sondern Ihnen auch einige Grundkenntnisse der Programmierkunst beibringen!
Schritte
Teil 1 von 4: Den Code verstehen

1. Erfahren Sie, was jede HTML-Funktion macht. Der Code, den Sie zum Erstellen Ihres Taschenrechners verwenden, besteht aus vielen verschiedenen Syntaxtypen, die zusammen die verschiedenen Elemente eines Dokuments bestimmen. Klicken Sie hier für eine Erklärung dieses Prozesses, oder lesen Sie weiter, um mehr darüber zu erfahren, was jede Codezeile, die Sie zum Erstellen des Taschenrechners verwenden, macht.
- html: Diese Syntax sagt dem Rest des Dokuments, welche Sprache im Code verwendet wird. Es gibt mehrere Sprachen zum Codieren und in diesem Fall macht
- Kopf: Sagt dem Dokument, dass alles, was danach kommt, Daten über Daten sind, auch bekannt als "Metadaten". Es
- Titel: Der Titel Ihres Dokuments wird hier angezeigt. Dieses Attribut wird verwendet, um den Titel des Dokuments anzugeben, wenn es in einem HTML-Browser geöffnet wird.
- Körper bgcolor="#": Dieses Attribut legt die Farbe des Hintergrunds und Hauptteils der HTML-Seite fest. Die Zahl innerhalb der Reihe von Anführungszeichen und nach dem # entspricht a bestimmte Farbe.
- text="": Diese Syntax legt die Farbe des Texts des Dokuments fest.
- Formularname="": Dieses Attribut gibt den Namen eines Formulars an und wird verwendet, um die Struktur dessen, was danach folgt, aufzubauen, basierend auf dem, was Javascript über die Bedeutung des Formularnamens weiß. Der von uns verwendete Formularname lautet beispielsweise `Rechner`, mit dem wir eine bestimmte Struktur für das Dokument erstellen.
- Eingabetyp="": Hier passiert etwas. Das Attribut `input type` teilt dem Parser des Dokuments mit, welche Art von Text in den Werten zwischen den Anführungszeichen enthalten ist. Dies kann zum Beispiel ein Text, ein Passwort, eine Schaltfläche sein (wie es beim Taschenrechner der Fall ist) usw.
- Wert="": Dieser Befehl teilt dem Parser des Dokuments mit, was er in den obigen Eingabetyp einschließen soll. Für einen Taschenrechner sind dies Zahlen (1-9) und Operationen (+,-,*,/,=).
- onClick="": Diese Syntax beschreibt ein Ereignis, das angibt, dass etwas passieren soll, wenn auf die Schaltfläche geklickt wird. Für einen Taschenrechner möchten wir, dass der Text auf jeder Schaltfläche auch als solcher erkannt wird. Also setzen wir vor der `6`-Schaltfläche das Dokument.Taschenrechner.und.Wert+=`6` in Anführungszeichen.
- Bruder: Dieses Tag erstellt eine neue Zeile im Dokument, sodass der Text (oder etwas anderes) danach in der nächsten Zeile platziert wird.
- /form, /body und /html: Diese Befehle sind Ventile für die entsprechenden Befehle, die zuvor im Dokument geöffnet wurden.
Teil 2 von 4: Grundcode für einen HTML-Rechner
1. Kopiere den Code unten. Wählen Sie den Text im Feld darunter aus, indem Sie die linke Maustaste gedrückt halten und den Cursor von unten links im Feld nach rechts oben ziehen, sodass der gesamte Text blau wird. Drücken Sie dann `Befehl+C` auf einem Mac oder `Strg+C` auf einem PC, um den Code in die Zwischenablage zu kopieren.
Teil 3 von 4: Erstellen Sie Ihren eigenen Taschenrechner

1. Öffnen Sie einen Texteditor auf Ihrem Computer. Es gibt mehrere Programme, die Sie verwenden können, aber der Einfachheit halber bleiben wir bei TextEdit oder Notepad.
- Klicken Sie auf einem Mac auf die Lupe in der oberen rechten Ecke des Bildschirms, um Spotlight zu öffnen. Geben Sie dort TextEdit ein und klicken Sie auf das Programm TextEdit, das jetzt blau markiert sein sollte.
- Öffnen Sie auf einem PC das Startmenü unten links auf dem Bildschirm. Geben Sie in der Suchleiste Notepad ein und klicken Sie auf die Notepad-Anwendung, die in der Suchleiste rechts angezeigt wird.

2. Fügen Sie den HTML-Code für einen Taschenrechner in das Dokument ein.

3. Speicher die Datei. Sie tun dies über `Datei` im Hauptmenü des Fensters und dann mit Speichern als... auf einem PC oder Speichern... auf einem Mac aus dem Dropdown-Menü.

4. Fügen Sie dem Dateinamen eine HTML-Erweiterung hinzu. Im Menü `Speichern unter`...` den Dateinamen gefolgt von ` eingeben.html“ und klicken Sie dann auf „Speichern“. Wenn Sie diese Datei beispielsweise "Mein erster Taschenrechner" nennen möchten, speichern Sie die Datei als "Mein erster Taschenrechner".html`.
Teil 4 von 4: Verwenden Sie Ihren Taschenrechner

1. Suchen Sie die Datei, die Sie gerade erstellt haben. Geben Sie dazu den Namen der Datei in Spotlight oder in die Suchleiste des Startmenüs ein, wie im vorherigen Schritt beschrieben. Sie müssen nicht auch die `html`-Erweiterung eingeben.

2. Klicken Sie auf Ihre Datei, um sie zu öffnen. Ihr Standardbrowser öffnet Ihren Taschenrechner auf einer neuen Webseite.

3. Klicken Sie auf die Schaltflächen des Taschenrechners, um ihn zu verwenden. Die Lösungen Ihrer Gleichungen erscheinen jetzt in der Antwortleiste.
Tipps
"Einen taschenrechner in html programmieren"
Оцените, пожалуйста статью