Sujet Précédent Sujet Suivant

Utiliser une variable d'une fonction dans une autre fonction.

Résolu/Fermé
henri - 21 déc. 2020 à 16:06
jordane45 Messages postés 38144 Date d'inscription mercredi 22 octobre 2003 Statut Modérateur Dernière intervention 21 avril 2024 - 21 déc. 2020 à 19:12
bonjour j'ai un souci, tout le debut du code marche parfaitement mais la deuxieme focntion de veut pas prendre la valeur de "name" qui est definit dans la fonction juste au dessus( function obj () )
voici mon code: 
button.onclick = function obj(){
	var obj = document.getElementById("obj");

	let name = prompt("tu as combiens d'objectifs?");
	if (name==0){
		alert("vous n'avez donc pas d'objectjs aujourd'hui? ");

	}
	if (name<=10){ 
		alert(name+ ", c'est parfait!");
	}
	else if (name>10){
		alert("vous pouvez avoir que 10 objectifs qutodiens.");
		name =  10
	}

		if (name==0){
			obj1.style.display = "none";
			obj2.style.display = "none";
			obj3.style.display = "none";
			obj4.style.display = "none";
			obj5.style.display = "none";
			obj6.style.display = "none";
			obj7.style.display = "none";
			obj8.style.display = "none";
			obj9.style.display = "none";
			obj10.style.display = "none";
			obj.style.height="0px";
			 
		}
		
	return name;
	}
function moy(){
	var t = obj();
	var imgP="";
	var tf = getNbTf();
	var p = 100*(tf/t);
	if (p>=0 && p<5){ 
	 imgP = "../images/cercleR0.png";
	} else if (p>=5 && p<15){ 
	 imgP = "../images/cercleR10.png"; 
	} else if (p>=15 && p<22.5){
	 imgP ="../images/cercleR20.png";
	} else if (p>=22.5 && p<27.5){
	 imgP ="../images/cercleR25.png"; 
	} else if (p>=27.5 && p<35){
	 imgP = "../images/cercleR30.png";
	} else if (p>=35 && p<45){
	 imgP = "../images/cercleR40.png";
	} else if (p>=45&& p<55){
	 imgP = "../images/cercleR50.png";
	} else if (p>=55 && p<65){
	 imgP = "../images/cercleR60.png";
	} else if (p>=65 && p<72.5){
	 imgP = "../images/cercleR70.png";
	} else if (p>72.5 && p<=77.5){
	 imgP = "../images/cercleR75.png"; 
	} else if (p>77.5 && p<=85){
	 imgP = "../images/cercleR80.png";
	} else if (p>85 && p<=95){
	 imgP = "../images/cercleR90.png";
	} else if (p>95 && p<=100){
	 imgP = "../images/cercleR100.png";
	 alert("Vous n'avez plus aucune tâche à accomplir aujourd'hui");
	}
	//console.log('Moyenne :',p);
	document.getElementById("cercleR").src = imgP;
	}



Voyez-vous d'où viens le problème?
A voir également:

2 réponses

Réponse 1 / 2
jordane45 Messages postés 38144 Date d'inscription mercredi 22 octobre 2003 Statut Modérateur Dernière intervention 21 avril 2024 4 650
21 déc. 2020 à 16:53
Voyez-vous d'où viens le problème?

A part le fait qu'il te faudrait apprendre les bases de la programmation en JS ? Non...

Sinon, en partant du principe que tu veux pouvoir accéder à ta variable name en dehors de ta fonction, il faut rendre sa portée "globale". Pour ça, on déclare la variable EN DEHORS des fonctions.

Comme ceci 
 var name="";
 button.onclick = function obj(){
	var obj = document.getElementById("obj");

	name = prompt("tu as combiens d'objectifs?");
	if (name==0){
		alert("vous n'avez donc pas d'objectifs aujourd'hui? ");
	}
	if (name<=10){ 
		alert(name+ ", c'est parfait!");
	} else if (name>10){
		alert("vous pouvez avoir que 10 objectifs quotients.");
		name =  10;
	}

		if (name==0){
			obj1.style.display = "none";
			obj2.style.display = "none";
			obj3.style.display = "none";
			obj4.style.display = "none";
			obj5.style.display = "none";
			obj6.style.display = "none";
			obj7.style.display = "none";
			obj8.style.display = "none";
			obj9.style.display = "none";
			obj10.style.display = "none";
			obj.style.height="0px";
			 
		}
		
	return name;
	}
function moy(){
	var t = obj();
	var imgP="";
	var tf = getNbTf();
	var p = 100*(tf/t);
	if (p>=0 && p<5){ 
	 imgP = "../images/cercleR0.png";
	} else if (p>=5 && p<15){ 
	 imgP = "../images/cercleR10.png"; 
	} else if (p>=15 && p<22.5){
	 imgP ="../images/cercleR20.png";
	} else if (p>=22.5 && p<27.5){
	 imgP ="../images/cercleR25.png"; 
	} else if (p>=27.5 && p<35){
	 imgP = "../images/cercleR30.png";
	} else if (p>=35 && p<45){
	 imgP = "../images/cercleR40.png";
	} else if (p>=45&& p<55){
	 imgP = "../images/cercleR50.png";
	} else if (p>=55 && p<65){
	 imgP = "../images/cercleR60.png";
	} else if (p>=65 && p<72.5){
	 imgP = "../images/cercleR70.png";
	} else if (p>72.5 && p<=77.5){
	 imgP = "../images/cercleR75.png"; 
	} else if (p>77.5 && p<=85){
	 imgP = "../images/cercleR80.png";
	} else if (p>85 && p<=95){
	 imgP = "../images/cercleR90.png";
	} else if (p>95 && p<=100){
	 imgP = "../images/cercleR100.png";
	 alert("Vous n'avez plus aucune tâche à accomplir aujourd'hui");
	}
	//console.log('Moyenne :',p);
	document.getElementById("cercleR").src = imgP;
   alert(name);
	}

0
Réponse 2 / 2
henri
Modifié le 21 déc. 2020 à 18:25
ah oui désoler je viens de débuter et je viens ici pour justement apprendre avec des personne de plus je n'avais pas mis la ligne juste au dessus mais la variable était déjà déclarer en dehors.Voici donc mon code. 
let button = document.querySelector('button');
var name = 0;
 button.onclick = function obj(){
 var obj = document.getElementById("obj");
 name = prompt("tu as combiens d'objectifs?");
 if (name==0){
  alert("vous n'avez donc pas d'objectifs aujourd'hui? ");
 }
 if (name<=10){ 
  alert(name+ ", c'est parfait!");
 } else if (name>10){
  alert("vous pouvez avoir que 10 objectifs quotients.");
  name =  10;
 }

  if (name==0){
   obj1.style.display = "none";
   obj2.style.display = "none";
   obj3.style.display = "none";
   obj4.style.display = "none";
   obj5.style.display = "none";
   obj6.style.display = "none";
   obj7.style.display = "none";
   obj8.style.display = "none";
   obj9.style.display = "none";
   obj10.style.display = "none";
   obj.style.height="0px";
    
  }
  
 return name;
 }
function moy(){
 var t = obj();
 var imgP="";
 var tf = getNbTf();
 var p = 100*(tf/t);
 if (p>=0 && p<5){ 
  imgP = "../images/cercleR0.png";
 } else if (p>=5 && p<15){ 
  imgP = "../images/cercleR10.png"; 
 } else if (p>=15 && p<22.5){
  imgP ="../images/cercleR20.png";
 } else if (p>=22.5 && p<27.5){
  imgP ="../images/cercleR25.png"; 
 } else if (p>=27.5 && p<35){
  imgP = "../images/cercleR30.png";
 } else if (p>=35 && p<45){
  imgP = "../images/cercleR40.png";
 } else if (p>=45&& p<55){
  imgP = "../images/cercleR50.png";
 } else if (p>=55 && p<65){
  imgP = "../images/cercleR60.png";
 } else if (p>=65 && p<72.5){
  imgP = "../images/cercleR70.png";
 } else if (p>72.5 && p<=77.5){
  imgP = "../images/cercleR75.png"; 
 } else if (p>77.5 && p<=85){
  imgP = "../images/cercleR80.png";
 } else if (p>85 && p<=95){
  imgP = "../images/cercleR90.png";
 } else if (p>95 && p<=100){
  imgP = "../images/cercleR100.png";
  alert("Vous n'avez plus aucune tâche à accomplir aujourd'hui");
 }
 //console.log('Moyenne :',p);
 document.getElementById("cercleR").src = imgP;
    alert(name);
  
 return name;
 }
0
jordane45 Messages postés 38144 Date d'inscription mercredi 22 octobre 2003 Statut Modérateur Dernière intervention 21 avril 2024 4 650
21 déc. 2020 à 19:12
Le problème, c'est que tu redéclarais ta variable dans ta fonction 
let name = prompt("tu as combiens d'objectifs?");

( let et var servent à initialiser des variables ... ( renseignes toi sur la portée des variables avec let et var ) )

Donc, là, avec le nouveau code, ça devrait fonctionner... ( à condition que ta fonction moy() soit appellée après le click sur ton autre bouton).
0

Discussions similaires

programme qui n'affiche pas le mot secret
EMy.chev -
yg_be -

3 réponses
Remplir une cellule (texte) en fonction d'une autre (texte).
SOMUM -
SOMUM -

4 réponses
Excel:récupérer le contenu d'une cellule en fonction d'une autre
tinky31 -
leplot -

1 réponse
je veut créer des codes
jonkiller -
Nhhi -

20 réponses
Renseigner cellule en fonction de la valeur d'une autre cellule
Stargirlfr -
Stargirlfr -

2 réponses