So erstellen Sie einen Rechner mithilfe von HTML: 9 Schritten (mit Bildern)

Es gibt viele Möglichkeiten, Mathematik auf einem Desktop-Computer mit einem eingebauten Rechner zu tun, aber eine andere Möglichkeit ist, einen selbst mit einem einfachen HTML-Code zu erstellen. Um einen Rechner mithilfe von HTML zu erstellen, lernen Sie einige Grundlagen zu HTML, und kopieren Sie den erforderlichen Code an einen Texteditor und speichern Sie sie mit einer HTML-Erweiterung. Sie können Ihren Rechner dann verwenden, indem Sie das HTML-Dokument in Ihrem Lieblingsbrowser eröffnen. Wenn Sie das alles tun, können Sie nicht nur Mathematik in einem Browser tun, sondern Sie können auch einige Grundlagen über die Kodierungskunst erlernen!

Schritte

Teil 1 von 4:

Ihren Code verstehen

1. Erfahren Sie, was jede HTML-Funktion tut. Der Code, den Sie zum Erstellen Ihres Rechners verwenden, besteht aus vielen Syntaxstücken, die zusammenarbeiten, um verschiedene Elemente eines Dokuments zu definieren. Klicken Sie hier, um eine Erklärung zu erläutern, wie Sie sich mit diesem Prozess vertraut machen, oder lesen Sie weiter, um zu erfahren, was jede Textzeile im Code tut, um Ihren Rechner zu erstellen.

html: Dieses Syntaxstück zeigt den Rest des Dokuments an, welche Sprache im Code verwendet wird. In der Codierung, eine Reihe von Sprachen zum Code, und erzählt dem Rest des Dokuments, dass es in - Sie erraten wird! - html.
Kopf: Informiert das Dokument, das alles darunter, dass Daten über Daten sind, auch bekannt als "Metadaten". Das Der Befehl wird normalerweise verwendet, um stilistische Elemente eines Dokuments zu definieren, z. B. Titel, Überschriften usw. Stellen Sie sich als Regenschirm an, unter dem der Rest des Codes definiert ist.
Titel: Hier nennen Sie den Titel Ihres Dokuments. Dieses Attribut wird verwendet, um zu definieren, welchen Titel des Dokuments in einem HTML-Browser eröffnet wird.
Körper BGColor = "#": Dieses Attribut setzt die Farbe des Hintergrunds des Codes und des Körpers. Die Nummer in diesem Satz von Zitaten, die nach # erscheint, entspricht einem vorbestimmte Farbe.
text = "": Das Wort in diesem Zitatsatz setzt die Farbe des Textes auf dem Dokument.
Name des Formulars ="": Dieses Attribut gibt den Namen eines Formulars an, mit dem die Struktur dessen aufgebaut wird, was nach dem Basierend auf dem, was jаvascript basiert, den Namen des Formulars kennt. Beispielsweise ist der Formularname, den wir verwenden, deren Rechner verwendet wird, wodurch eine bestimmte Struktur des Dokuments erstellt wird.
Eingangstyp ="": Hier passiert die Aktion. Das "Eingabetyp" Attribut zeigt dem Dokument an, welche Art von Text die Werte in den restlichen Klammern sind. Sie könnten beispielsweise Text sein, ein Kennwort, eine Taste (da es für einen Taschenrechner ist) usw.

Wert ="": Dieser Befehl sagt dem Dokument mit, was in dem oben angegebenen Eingabetyp enthalten ist. Für einen Rechner zeigen diese als unsere Zahlen (1-9) und Operationen (+, -, *, /, =) auf.
onclick ="": Diese Syntax beschreibt ein Ereignis, das dem Dokument mitteilt, dass etwas auftreten sollte, wenn die Schaltfläche angeklickt wird. Für einen Taschenrechner möchten wir, dass der Text in jeder Taste anzeigt, in der er als solche verstanden wird. Also für das "6" Button, wir geben Dokument.Taschenrechner.ans.Wert + = `6` zwischen den Zitaten.
Bred: Dieses Tag initiiert einen Zeilenumbruch im Dokument, sodass alles kommt, nachdem er eine Linie darunter erscheint, was auch immer vor ihm kam.
/ form, / körper und / html: Diese Befehle geben dem Dokument an, dass die entsprechenden Befehle, die früher in dem Dokument initiiert wurden, jetzt enden.

Teil 2 von 4:

Basic HTML-Rechnercode

1. Kopieren Sie den Code unten. Markieren Sie den Text in dem Feld unten, indem Sie Ihren Cursor in der oberen linken Ecke der Box halten und in die rechte untere Ecke der Box ziehen, sodass der gesamte Text blau ist. Dann drücken "Befehl + C" auf einem Mac oder "Strg + C" Auf einem PC, um den Code zu kopieren Die Zwischenablage.

Teil 3 von 4:

Erstellen Ihres Taschenrechners

1. Öffnen Sie ein Textbearbeitungsprogramm auf Ihrem Computer. Es gibt eine Reihe von Programmen, die Sie verwenden können, aber für Komfort und Qualität empfehlen wir, TextEtit oder Notepad zu verwenden..

Klicken Sie auf einem Mac auf das Vergrößerungsglas an der oberen rechten Ecke Ihres Bildschirms, um den Scheinwerfer zu öffnen. Tippen Sie einmal in TextEtIt ein und klicken Sie auf das TextEntit-Programm, das nun in Blau markiert werden sollte.
Öffnen Sie auf einem PC das Startmenü in der unteren linken Ecke Ihres Bildschirms. Geben Sie in der Suchleiste Notepad ein und klicken Sie auf die Notepad-Anwendung, die in der Ergebnisleiste rechts angezeigt wird

Bildtitel Erstellen Sie einen Taschenrechner mit HTML-Schritt 4

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

Klicken Sie auf einem Mac auf den Leiche des Dokuments und drücken Sie "Befehl + V". Sie müssen dann auf klicken "Format" oben auf dem Bildschirm und klicken Sie auf "Einfacher Text machen" Nach dem Einfügen des Codes.

Klicken Sie auf einem PC auf den Leiche des Dokuments und drücken Sie "Strg + V".

Bildtitel Erstellen Sie einen Taschenrechner mit HTML-Schritt 5

3. Speicher die Datei. Klicken Sie dazu auf die "Datei" Taste an der oberen linken Hand Ihres Fensters und klicken Sie auf "Speichern als..." auf einem PC oder "speichern..." auf einem Mac in dem Menü, das heruntergefahren wird.

Bildtitel Erstellen Sie einen Taschenrechner mit HTML-Schritt 6

4. Fügen Sie dem Dateinamen eine HTML-Erweiterung hinzu. In dem "Speichern als..." Menü, geben Sie Ihren Dateinamen ein, gefolgt von ".html", und dann auf klicken "speichern". Wenn Sie beispielsweise diese Datei als Erst-Rechner anrufen wollten, speichern Sie die Datei als "Myfirstcalculator.html"

Teil 4 von 4:

Verwenden Sie Ihren Rechner

1. Finden Sie die gerade erstellte Datei. Geben Sie dazu den Namen Ihrer Datei auf dem Scheinwerfer oder in der Suchleiste des Startmenüs ein, wie im vorherigen Schritt beschrieben. Sie müssen das nicht eingeben "html" Erweiterung.

Bildtitel Erstellen Sie einen Taschenrechner mit HTML-Schritt 8

2. Klicken Sie auf Ihre Datei, um es zu öffnen. Ihr Standardbrowser öffnet Ihren Rechner in einer neuen Webseite.

Bildtitel Erstellen Sie einen Taschenrechner mit HTML-Schritt 9

3. Klicken Sie auf die Schaltflächen auf dem Rechner, um es zu verwenden. Die Lösungen für Ihre Gleichungen werden in der Lösungsleiste angezeigt.