WebKnutselaarsHulpjes Webknutselaarshulpjes logo

WebKnutselaarsHulpjes

Zo blij  

Willekeurige tekst d.m.v. JavaScript

24 september 2010

Bovenstaande tekst komt uit een stukje JavaScript waarin we het refrein van 'Roosje mijn roosje' hebben geplaatst.
Er wordt een willekeurige regel gekozen door een toevalsgenerator (door het geringe aantal regels zul je vaak dezelfde zien...).

Klik Andere tekst

Tussen de <head> en </head> tags van de pagina komt dit stukje JavaScript.

<script language="JavaScript" type="text/javascript">
<!--
var w_tekst = new Array ();
w_tekst[0] = "Ik geef je een roosje, mijn Roosje";
w_tekst[1] = "Ik geef je een roos elke dag";
w_tekst[2] = "En ik hou van jou tot de wei zonder dauw";
w_tekst[3] = "En de echo niet lacht om een lach";
w_tekst[4] = "La lalalala la la lalalala";
function laatTekstzien() {
var i = Math.floor(5*Math.random())
var deze_tekst = w_tekst[i];
document.getElementById('de_tekst').innerHTML=deze_tekst;
}
//-->
</script>

Teksten tussen " en " naar eigen inzicht veranderen.

Je kunt het aantal teksten nog uitbreiden door een regel toe te voegen:
w_tekst[5] = "Nog meer tekst.";
Nog meer regels? Dan steeds het getal tussen de [] verhogen.

Pas dan ook onderstaande aan;
var i = Math.floor(5*Math.random())
wordt dan:
var i = Math.floor(6*Math.random())

De <body> tag aanpassen met:

<body onLoad="laatTekstzien()">

En dit (groene) stukje in de <body>, op de plek waar je de tekst wilt.

<div id="de_tekst"></div>

NB: in plaats van <div> mag je ook <span> of <p> gebruiken.

Divider

WebKnutselaarsHulpjesDisclaimer: de auteur van WebKnutselaarsHulpjes zal geen enkele aansprakelijkheid aanvaarden voor schadelijke gevolgen, lichamelijke klachten, slapeloze nachten, of enig ander gevolg van het gebruik van de hier getoonde voorbeelden.