11521 sujets

JavaScript, DOM et API Web HTML5

Bonjour,

J'ai fait le code suivant :

<script>
var uno;
var testi;
var testf;
function choix(){
	toto=true;
	while(toto){
		uno=prompt("donnez un chiffre entre 1 et 5");
		uno=parseInt(uno);
		if(uno>=1 && uno<=5){
			toto=false;
		}
	}
	document.getElementById("un").innerHTML=uno;
	}
function change(){ 
	testi=Math.floor ( Math.random() * 5 );
	testf=testi+1;
	document.getElementById("deux").innerHTML=testf;
}
</script>
Premier chiffre : <p id="un"></p> <input type="button" id="bouton" value="choisir" onClick="choix()"><br/>

Second chiffre : <p id="deux"></p><input type="button" id="bouton2" value="changer" onClick="change()"><br/>
<div id="trois"></div>


Avec ça, j'ai deux boutons, un qui me permet de choisir un chiffre entre 1 et 5 et un autre qui me donne aléatoirement un chiffre entre 1 et 5.

Ensuite, j'aimerai bien que, dans ma div "trois", le message "ce sont bien les mêmes chiffres" apparaissent si les deux chiffres sont identiques...

Et j'ai fichtrement aucune idée comment faire étant donné que j'arrive pas à récupérer mes variables "uno" et "testf" pour vérifier si elles sont identiques...

Merci d'avance ! =D
Modifié par Clift (16 Sep 2014 - 13:13)
Modérateur
Bonjour !


mmmm pourtant t'étais plutôt bien parti... il te suffit de faire une petite fonction de comparaison que tu appelleras à chaque changement de l'un ou l'autre des champs. J'ai pas compris ce que tu n'arrive pas a récupérer...

Un petit exemple à la volée http://jsfiddle.net/tqsg7ck0/1/

var uno;
var testi;
var testf;
function choix(){
	toto=true;
	while(toto){
		uno=prompt("donnez un chiffre entre 1 et 5");
		uno=parseInt(uno);
		if(uno>=1 && uno<=5){
			toto=false;
		}
	}
	document.getElementById("un").innerHTML = uno;
    chekcIfEqual(uno,testf);
}
function change(){ 
	testi=Math.floor ( Math.random() * 5 );
	testf=testi+1;
	document.getElementById("deux").innerHTML = testf;
    chekcIfEqual(uno,testf);
}
function chekcIfEqual(a,b){
    if(a == b){
	    document.getElementById("trois").innerHTML = "ce sont bien les mêmes chiffres";        
    }else{
        document.getElementById("trois").innerHTML = "nop";
    }
}

Modifié par _laurent (16 Sep 2014 - 11:37)
Super ! Merci beaucoup ! =D

C'est vrai que j'avais pas pensé à les mettre dans une autre fonction ^^'