Inhalt

• Stufen
• Teil 1 Den Code verstehen
• Teil 2 Schreiben Sie den Basiscode des Rechners
• Teil 3 Den Taschenrechner erstellen
• Teil 4 Den Taschenrechner benutzen

In diesem Artikel: Code verstehenGrundlegenden Code des Rechners schreibenRechner erstellenRechner verwenden11 Referenzen

Es gibt viele Möglichkeiten, Berechnungen mit dem eingebauten Taschenrechner auf Ihrem Computer durchzuführen. Sie können jedoch auch eigene Berechnungen nur mit HTML-Code erstellen. Dazu müssen Sie die Grundlagen von HTML erlernen, bevor Sie den erforderlichen Code in eine E-Datei kopieren, die Sie mit extension.html speichern. Öffnen Sie dann einfach die Datei in Ihrem bevorzugten Browser, um auf den Rechner zuzugreifen. Mit dieser Technik können Sie Berechnungen direkt in Ihrem Browser durchführen und gleichzeitig die Grundlagen der Computerprogrammierung erlernen.

Stufen

Teil 1 Den Code verstehen

1. 
   

   
   Verstehe, wie der Code funktioniert. Der Code, den Sie zum Erstellen des Rechners verwenden, basiert auf kleinen Codeteilen, die zusammenarbeiten, um verschiedene Elemente des Dokuments zu definieren. Sie können mehr über HTML erfahren, indem Sie auf diesen Link klicken, oder Sie können lesen, was jede Zeile im Code tut, den Sie für den Taschenrechner verwenden werden.
   • html: Dieser Code gibt für den Rest des Dokuments die verwendete Sprache an. Es werden viele verschiedene Programmiersprachen verwendet, und das Tag zeigt dem Rest des Dokuments an, dass Sie diesmal HTML verwenden.
   • Kopf : Hiermit wird dem Dokument mitgeteilt, dass es sich bei den folgenden Informationen um Daten handelt, die auch als "Metadaten" bezeichnet werden. Das Tag wird normalerweise verwendet, um Stilelemente des Dokuments wie Titel, Überschriften usw. zu definieren. Es ist wie ein Regenschirm, unter dem der Rest des Codes definiert wird.
   • Titel : Dies ist der Titel, den Sie dem Dokument geben. Mit diesem Tag wird der Titel des Dokuments angezeigt, sobald es im Browser geöffnet wurde.
   • body bgcolor = "#" : Hiermit wird eine Hintergrundfarbe für das Dokument festgelegt. Die Zahl, die nach dem Scharfzeichner erscheint, entspricht einer vorgegebenen Farbe.
   • = '' : Das Wort in Anführungszeichen gibt die Farbe des e auf dem Dokument an.
   • Formularname = "" : Dieses Attribut gibt den Namen des Formulars an, das für die Struktur des nachfolgenden Formulars verwendet wird, damit JavaScript erkennen kann, welches Formular gesprochen wird. Der von uns verwendete Formularname lautet beispielsweise "Taschenrechner", wodurch die spezifische Struktur des Dokuments erstellt wird.
   • Eingabetyp = "" : Hier wird die Aktion stattfinden. Das Attribut "Eingabetyp" teilt dem Dokument den Wertetyp für das e in den restlichen Klammern mit. Zum Beispiel könnte es e sein, ein Passwort, eine Schaltfläche (wie es für unseren Rechner sein wird) und so weiter.
   • value = "" : Dieses Attribut teilt dem Dokument mit, was das Attribut "Eingabetyp" enthalten soll. Bei einem Taschenrechner werden die Zahlen von 1 bis 9 und die arithmetischen Zeichen (+, -, *, /, =) angezeigt.
   • Onclick = "" : Dieser Code beschreibt ein Ereignis, das dem Dokument mitteilt, dass beim Aktivieren der Schaltfläche etwas geschehen muss. Bei einem Taschenrechner möchten Sie die Nummer anzeigen, die der vom Benutzer gedrückten Taste entspricht. Wenn beispielsweise die Schaltfläche 6 aktiviert ist, möchten Sie document.calculator.in.value + = 6 zwischen Anführungszeichen setzen.
   • br : Es ist ein Tag, das einen Zeilenumbruch anzeigt. Der Rest des Codes, der als nächstes kommt, wird in einer Zeile darunter angezeigt.
   • / form, / body und / html Diese schließenden Tags teilen dem Browser mit, dass die zuvor geöffneten Tags jetzt beendet und geschlossen sind.

Teil 2 Schreiben Sie den Basiscode des Rechners

Kopieren Sie den Code unten. Wählen Sie das unten stehende e aus, indem Sie den Cursor in der oberen linken Ecke des Felds gedrückt halten und in die untere rechte Ecke ziehen, sodass das gesamte e blau angezeigt wird. Drücken Sie dann auf einem Mac "Befehlstaste + C" oder auf einem PC "Strg + C", um das e zu kopieren.

Das Ergebnis ist

Teil 3 Den Taschenrechner erstellen

1. 
   

   
   
   
   Öffnen Sie eine E-Datei auf dem Computer. Es gibt viele Programme, die Sie verwenden können. Aus Qualitätsgründen wird jedoch die Verwendung von Bearbeiten oder Editor empfohlen.
   • Klicken Sie auf einem Mac einfach auf die Lupe oben rechts auf dem Bildschirm, um Spotlight zu öffnen. Einmal geöffnet, tippe bearbeiten und klicken Sie auf das Programm, das in blau ausgewählt werden soll.
   • Klicken Sie auf einem PC auf die Schaltfläche Start unten links. Geben Sie in der Suchleiste Folgendes ein Notizblock und klicken Sie auf die Anwendung, die in den Ergebnissen angezeigt werden soll.

2. 
   

   
   Fügen Sie den HTML-Code in das Dokument ein.
   • Klicken Sie auf einem Mac einfach in den Textkörper des Dokuments und drücken Sie "Befehl + V". Sie sollten dann auf klicken Format Oben auf dem Bildschirm und dann auf Ansicht in einfacher Form e nach dem Einfügen des Codes.
   • Klicken Sie auf einem PC in den Textkörper des Dokuments und fügen Sie den Code durch Drücken von ein "Strg + V".

3. 
   

   
   Speichern Sie die Datei. Klicken Sie einfach auf die Schaltfläche Datei Oben links im Fenster und dann weiter Speichern als ... auf einem PC oder Speichern ... auf einem Mac im angezeigten Dropdown-Menü.

4. 
   

   
   Fügen Sie die HTML-Erweiterung hinzu. Geben Sie im Menü den Dateinamen gefolgt von ".html" ein, bevor Sie auf klicken Rekord. Wenn Sie diese Datei beispielsweise als "Mein erster Taschenrechner" bezeichnen möchten, können Sie sie als "MyPremierCalculette.html" bezeichnen.

Teil 4 Den Taschenrechner benutzen

1. 
   

   
   Suchen Sie die HTML-Datei. Geben Sie einfach den Dateinamen in Spotlight auf dem Mac oder in der Suchleiste des Windows-Startmenüs ein. Es ist nicht erforderlich, die Dateierweiterung einzugeben.

2. 
   

   
   Klicken Sie darauf, um es zu öffnen. Ihr Standardbrowser sollte den Taschenrechner in einem neuen Tab öffnen.

3. 
   

   
   Klicken Sie auf die Schaltflächen, um es zu verwenden. Die Ergebnisse Ihrer Berechnungen sollten in der dafür vorgesehenen Leiste angezeigt werden.