Javascript : exemples avec le code source

D - Paramètre d'une fonction

Exemple d'exercice de remise d'ans l'ordre

Cliquer sur les boutons dans le bon ordre.



Code html (utilisant l'identité des objets)

<html>
<head>
<script language="javascript">
function ajouter(objet) {
document.getElementById("text").value+=objet.value;
document.getElementById("text").value+=' ';
objet.disabled=true;
if (document.getElementById('text').value == "le soleil est chaud ") {
document.getElementById('text').value="Le soleil est chaud."
alert('BRAVO !!!');
}
}
function raz() {
document.getElementById('text').value="";
document.getElementById('btn1').disabled=false;
document.getElementById('btn2').disabled=false;
document.getElementById('btn3').disabled=false;
document.getElementById('btn4').disabled=false;
}
</script>
</head>
<body>
<div style="text-align:center">Cliquer sur les boutons dans le bon ordre.<br>
<input type="button" id="btn1" onClick="ajouter(this)" value="est"><input type="button" id="btn2" onClick="ajouter(this)" value="soleil"><input type="button" id="btn3" onClick="ajouter(this)" value="chaud"><input type="button" id="btn4" onClick="ajouter(this)" value="le"><br>
<input type="text" id="text" size="60" readonly="true" style="background-color:#FFFFFF; border:#FFFFFF none 0px; text-align:center; color:#006600; font-weight:bold">
<br><br>
<input type="button" value="Recommencer" onClick="raz()"></div>
</body>
</html>
Validé XHTML 1.1    Validé CSS