Programmeren in JavaScript/Gegevens invoegen (kader): verschil tussen versies

Je kunt in javascript met een prompt tekst invoeren, maar je kent ook vast wel tekstvakjes in veel websites die je met HTML op een pagina kan zetten.

de HTML code daarvoor is:

<input type="text" name="tekstvak" id="tekstvak" value="Hallo">

Hier heb je niets aan, want het enige wat je nu hebt is een tekstvakje met "Hallo" erin.

Als je hier javascript gebruikt kun je er veel leuke dingen mee doen, bijvoorbeld de tekst laten veranderen.

 

<script language="javascript">

<!--

</script>

<input type="text" name="tekstvak" id="tekstvak" value="Hallo" onchange="verander();">

Dit script maakt ook al gebruik van een "functie".

je zou wat er tussen de accolades staan ({ en } ) ook bij onchange="" kunnen zetten, maar als je het zo doet is het wat overzichterlijker.

Je kunt een tekstvak ook gebruiken als invoer.

 

<script language="javascript">

<!--

</script>

<input type="text" name="tekstvak" id="tekstvak" value="Hallo"><input type="button" value="Klik hier!" onclick="verander();">

Dit script gebruikt weer een variabele.

Als je op de HTML-knop klikt komt er op je pagina te staan wat je hebt getypt.