1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65
| <script type="text/javascript">
function byId(id) {
return document.getElementById(id);
}
var nbrAllumettes = 0;
var imageElt=byId("flamme");
function charger(){
nbrAllumettes = byId("nombreAllumettes").value;
var zoneEnleverElt=byId("zoneEnlever");
if(nbrAllumettes<=0){
alert("veuillez saisir un nombe strictement positif svp");
}
imageElt.innerHTML="";
zoneEnleverElt.innerHTML="";
for(var i=1;i<=nbrAllumettes;i++){
var image = new Image();
image.src="../images/boule1.png";
image.alt="une allumette";
imageElt.appendChild( image );
}
//creer le bouton enlever
var boutonEnlever = document.createElement("BUTTON");
boutonEnlever.type="submit";
boutonEnlever.setAttribute("onClick","enlever()");
var t = document.createTextNode("ENLEVER");
boutonEnlever.appendChild(t);
zoneEnleverElt.appendChild(boutonEnlever);
//creer le champ de saisie
var champ = document.createElement("input");
var txt = document.createTextNode(" allumette(s).");
champ.type = "text";
champ.id="allumettesEnlevees";
zoneEnleverElt.appendChild(champ);
zoneEnleverElt.appendChild(txt);
}
function enlever(){
var nbrAllumEnlevees =byId("allumettesEnlevees").value;
if ((nbrAllumEnlevees=="")||(nbrAllumEnlevees>3)||(nbrAllumEnlevees<1)){
alert("veuillez saisir un nombre compris entre 1 et 3 svp! ");
} else if (nbrAllumettes<nbrAllumEnlevees){
alert("Pas assez d'allumettes ! ");
} else {
for(var i=nbrAllumEnlevees-1;i>=0;i--){
imageElt.removeChild( imageElt.lastChild );
}
nbrAllumettes -= nbrAllumEnlevees;
}
alert("Attention,il reste: " + nbrAllumettes + " allumette(s)");
if ( nbrAllumettes == 0){
imageElt.innerHTML="<p><strong>Jeux terminé</strong></p>";
}
}
</script> |
Partager