Bar: /* Hvordan anvendes en input button */

2022-10-24T11:31:07Z

Hvordan anvendes en input button

← Ældre version		Versionen fra 24. okt. 2022, 13:31
Linje 1:		Linje 1:
	==Hvordan anvendes en input button==		==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å.		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å.

Bar: 1 version importeret

2022-10-22T20:35:58Z

1 version importeret

← Ældre version	Versionen fra 22. okt. 2022, 22:35
(Ingen forskel)

htx_>Bar: /* Hvordan anvendes en input button */

2013-09-03T09:07:52Z

Hvordan anvendes en input button

Ny side

==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.

[[Image:js_input.PNG|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]].

<source lang='html4strict'>
<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>
</source>

Filen med koden kan hentes i en [[media:js_button.zip|zip-fil]]

{{webcode}}
[[Kategori:Javascript_input]]

Input button - Versionshistorie

Bar: /* Hvordan anvendes en input button */

Bar: 1 version importeret

htx_>Bar: /* Hvordan anvendes en input button */