Input button

Fra Holstebro HTX Wiki
Skift til: navigering, søgning

Hvordan anvendes en input button

Hvis man skal have et program til at udføre noget, når brugeren vælger det, så kan et godt middel i javaScript være at sætte in knap ind, med en fornuftig tekst på.

For at lave knappen skal man have et HTML-input tag der kan se ud som følger:

<input type="button" value="Klik for at beregne" onClick="minFunk()">

value="Klik for at beregne" angiver den tekst der kommer til at stå på knappen, altså "Klik for at beregne".

onClick="minFunk()" angiver hvad der skal ske når der trykkes på knappen - her er det en funktion ved navn "minFunk" der kaldes. Man skal huske () efter navnet, og man skal selvfølgelig have oprettet en funktion der hedder sådan.

Resten af HTML-tagget skal se ud som vist, så det kommer til at se ud som vist ved Input Button.

Eksempel på en Input Button, sammen med et Input text felt


Metoden er illustreret i eksemplet herunder, og går ud på at man skal klikke på knappen, for at angive at tallet er indtastet, og når man klikker på knappen, så kaldes en funktion der beder om et tal i en prompt, og viser det i en alert.

<html>
<head>
   <title>input Button</title>
<script type="text/javascript" language="JavaScript">
// javaScript funktioner og variable

function fordoble() {
   var tal = prompt("Indtast et tal : ", 67);
   alert("Du indtastede " + tal + "\nDet dobbelte er " + (tal*2) );
}
</script>
</head>

<body>
<h1>input Button til at aktivere kode</h1>
<p>Der skal indtastes et tal i en prompt, og tallet ganges med 2 og kommer ud i en alert.</p>
<input type="button" value="Klik for at se funktionen" onClick="fordoble();" />
</body>
</html>

Filen med koden kan hentes i en zip-fil