Hur beräkna summor beställningsformuläret på JavaScript

JavaScript är ett skriptspråk som används för att lägga till dynamisk funktionalitet på webbsidor . JavaScript placeras direkt i en webbsida HTML och används för att lägga till interaktivitet , t.ex. inmatning och validering av indata , för att annars statiska sidor . JavaScript interagerar också direkt med objekten på en webbsida , t.ex. inmatningsfält och knappar , så det kan användas för att uppdatera sina attribut . JavaScript kan användas , till exempel för att hålla reda på värden som anges av en användare , lägga till dem och ge totalt . Saker du behöver
webbläsare med JavaScript aktiverat
Textredigerare
Visa fler instruktioner
Beräkning Totals beställningsformuläret på JavaScript
1

Öppna en textredigerare och skapa en fil med en . htm . Den här filen kommer att innehålla markup ( HTML ) som definierar formen och formulärets innehåll : två fält där användaren skriver in tal , en knapp för att beräkna en total baserad på de två tal , och ett totalt område som håller Sida 2

Lägg tre inmatningsfält i formuläret . Namnge den första inmatningsfältet " box1 , " namnge andra inmatningsfältet " Box2 " och namnge den tredje inmatningsfältet " totalt . " Box1 kommer att hålla det första numret , Box2 det andra numret , och den totala kommer att placeras i det totala området . Ge inmatningsfälten en storlek på 3 och en maximal längd på 3 .

< /Head >

< input type = text size = 3 MaxLength = 3 name = " Box2 " >

< /body>

< /html > Addera 3

Lägg till ett HTML- knappen i formuläret . När du klickar passerar knapp formen och dess beståndsdelar ( this.form ) till en JavaScript -funktion som heter runTotal ( ) . Anropa funktionen med onClick ( ) händelsen och ge knappen ett namn med hjälp av värdet = type = text size = 3 MaxLength = 3 name = " box1 " >

< input type = text size = 3 MaxLength = 3 name = " total " >

< /body>

< /html >
4

Lägg en JavaScript -funktion ( runTotal ( ) ) till HTML < head > avsnittet mellan JavaScript