So verwenden Sie Javascript zum Erstellen einfacher Algorithmen

So verwenden Sie Javascript zum Erstellen einfacher Algorithmen

1 Frage

Wie wir alle wissen, können mit Pycharm , IDLE oder java einfache Algorithmen wie Addition, Subtraktion, Multiplikation und Division berechnet werden. Allerdings kann Javascript in Hbuilder auch zum Berechnen von Addition, Subtraktion, Multiplikation und Division von Zahlen verwendet werden.

Wir rechnen beispielsweise: Angenommen y=5, berechnen x=y+2 und zeigen das Ergebnis an.

2 Methoden

Verwenden Sie zunächst die Tags <p></p> um den Titel der Algorithmusfrage zu schreiben. Verwenden Sie dann das Tag <button></button> , um ein Ereignis zu erstellen, und der Name nach onclick im Tag muss mit () hinzugefügt werden. Schreiben Sie dann ein <p id=></p> um dem p-Tag eine ID hinzuzufügen und die Antwort anzuzeigen. Die nachfolgenden Befehle werden durch die ID identifiziert. Erstellen Sie abschließend Variablen in <script></script> und verwenden Sie var zum Erstellen von Variablen.

3 Experimentelle Ergebnisse und Diskussion

Durch Experimente und Praxis wird bewiesen, dass die vorgeschlagene Methode wirksam ist und das eingangs angesprochene Problem lösen kann.

<!DOCTYPE html>

< html >

<Kopf>

< Meta-Zeichensatz = "UTF-8" >

< Titel ></ Titel >

</ Kopf >

< Textkörper >

< p >Nehmen Sie an, y=5, berechnen Sie x=y+2 und zeigen Sie das Ergebnis an. </ p >

<button onclick="showAnswer()">Klicken Sie hier</button>

< p id = "demo2" ></ p >

<Skripttyp = "Text/Javascript" >

var y = 5;

var x = y + 2;

Funktion zeigeAntwort (){

Dokument .getElementById( "demo2" ).innerHTML = "x=" + x

}

</ Skript >

</ Körper >

</html
>

Abschluss:

Außerdem müssen wir darauf achten, dass im Befehl getElementById() beim Hinzufügen des Namens der vorherigen ID in den Klammern Anführungszeichen hinzugefügt werden müssen, da es sonst nicht als ID erkannt wird.

Dies ist das Ende dieses Artikels zur Verwendung von JavaScript zur Erstellung einfacher Algorithmen. Weitere relevante Inhalte zur Verwendung von JavaScript zur Erstellung einfacher Algorithmen finden Sie in früheren Artikeln auf 123WORDPRESS.COM oder in den folgenden verwandten Artikeln. Ich hoffe, dass jeder 123WORDPRESS.COM in Zukunft unterstützen wird!

Das könnte Sie auch interessieren:
  • Verwenden von JS zum Implementieren von Beispielcode für den Algorithmus zur binären Baumdurchquerung
  • So verwenden Sie JavaScript zum Implementieren von Sortieralgorithmen
  • JavaScript-Programmierung durch Lernen der Positionierung des Schwerpunktalgorithmus in Matlab
  • Tutorial zum binären Suchbaumalgorithmus für JavaScript-Anfänger
  • Zusammenfassung von sieben in JavaScript implementierten Sortieralgorithmen (empfohlen!)
  • Eine kurze Diskussion über einen effizienten Algorithmus zum Erstellen von Baumstrukturen in JavaScript
  • So lernen Sie algorithmische Komplexität mit JavaScript
  • js implementiert den Algorithmus zur Angabe der Reihenfolge und Menge der roten Umschläge

<<:  12 Gesetze des Webdesigns für sauberen Code [Grafik]

>>:  Reines CSS für eine coole Ladeanimation

Artikel empfehlen

Beispiel für das Erreichen eines Deckeneffekts mit dem WeChat-Applet

Inhaltsverzeichnis 1. Umsetzung 2. Probleme 3. Üb...

Detaillierte Erläuterung der Anwendungsszenarien von Filtern in Vue

filter werden im Allgemeinen verwendet, um bestim...

Implementierungsprinzip der MySQL MyISAM-Standardspeicher-Engine

Standardmäßig generiert die MyISAM-Tabelle drei D...

Detaillierte Erklärung zum Anzeigen der Anzahl der MySQL-Server-Threads

In diesem Artikel wird anhand eines Beispiels bes...

Einführung in Docker-Container

Docker-Übersicht Docker ist eine Open-Source-Lösu...

So legen Sie die Breite und Höhe von HTML-Tabellenzellen fest

Beim Erstellen von Webseiten tritt häufig das Pro...

Docker-Umgebung in Linux-Umgebung installieren (keine Fallstricke)

Inhaltsverzeichnis Installationsvoraussetzungen S...

Vorgang zur Zeitzonenanpassung im Docker-Container

Wie kann ich überprüfen, ob die Zeitzone des Dock...

Detaillierte Erklärung des JavaScript-Statuscontainers Redux

Inhaltsverzeichnis 1. Warum Redux 2. Redux-Datenf...

So verstehen Sie den einfachen Speichermodus der Statusverwaltung von Vue

Inhaltsverzeichnis Überblick 1. Definieren Sie st...