Variable affichée qui se met à jour suivant une fonction

**Auteur** · 04/12/2016, 18h54

1-

Envoyé par maryliseduteil

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

document.getElementById("po").innerHTML = depart;

rhaaaaaaaaa

C'est quoi cette ligne de code qui se balade toute seule dans tes balises script (pas la ligne qui se trouve dans ta fonction). Comment est chargée une page HTML ?
Commence par corriger ce 1er point en prenant en compte ma remarque précédente (onload....)

2-

Envoyé par maryliseduteil

Qu'est ce qui ne va pas dans ma fonction if ?

une fonction if

que veux-tu faire avec ce if ?

Invité · 04/12/2016, 21h39

Bonjour,

Code html :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
<div id="bourse"><div id="po"></div></div>
 
<div id="txt">
  <p>Dépenser 5 pièces d'or. </p>
 
  <div id="txt_a" style="display:none;">
    <button onclick="depense(-5)"><strong>Accepter</strong></button>
  </div>
 
  <div id="txt_b" style="display:none;">
    <p><strong>Vous ne pouvez pas payer</strong></p>
  </div>
 
</div>

(j'ai remplacé "depart" par "bourse", plus explicite) :

Code JavaScript :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
var bourse = 20; // valeur de départ
window.onload = function() { depense(0); }; // affiche la valeur de départ (modif=0)
 
function depense(modif) {
  bourse = bourse + modif;
  document.getElementById("po").innerHTML = bourse;
  verif_depense(bourse);
}
 
function verif_depense(bourse) {
  if (bourse > 4) {
    document.getElementById('txt_a').style.display = 'block';
    document.getElementById('txt_b').style.display = 'none';
  } else {
    document.getElementById('txt_a').style.display = 'none';
    document.getElementById('txt_b').style.display = 'block';
  }
}

**maryliseduteil** · 05/12/2016, 05h48

@Auteur : cette ligne sert à afficher la valeur de départ dans mon div.
Si je ne met pas cette ligne, le div n'apparaît que lorsque la fonction est enclenchée, et non dès le départ comme je le souhaitais.

Le if n'est pas une fonction c'est vrai.

Mais on s'est compris je pense.

Je souhaite donc afficher tel ou tel bloc de texte suivant le nombre de pièces qu'il me reste.

@Jreaux : merci pour le code.

Je vais regarder tout ça dès que j'ai un moment.

Merci pour votre aide.

**Auteur** · 05/12/2016, 10h23

Envoyé par maryliseduteil

@Auteur : cette ligne sert à afficher la valeur de départ dans mon div.

je mettrais ma main à couper que cela ne fonctionne pas. Quand tu écris :

Code javascript :

Sélectionner tout - Visualiser dans une fenêtre à part

<script type="text/javascript">document.getElementById("po").innerHTML = depart;

dans l'entête de ta page (balises head), l'élément "po" n'est pas encore chargé, donc le document.getElementById("po") retourne une erreur. Si tu veux afficher quelque chose dans cet élément après le chargement de la page tu dois le faire sur l'événement onload :

Code html :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
 
<!DOCTYPE html>
<html lang="fr">
<head>
<title>Test</title> 
<script type="text/javascript">  
var msg= "coucou";
function afficheMessage() 
{
    document.getElementById("po").innerHTML = msg;
}
</script>
</head>
 
<body onload="afficheMessage()">
    <div id="po">&nbsp;</div><!-- affiche coucou-->
</body>
</html>

Ne fonctionne pas :

Code html :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
 
<!DOCTYPE html>
<html lang="fr">
<head>
<title>Test</title> 
<script type="text/javascript">  
var msg= "coucou";
document.getElementById("po").innerHTML = msg;
</script>
</head>
 
<body>
    <div id="po">&nbsp;</div><!-- la page reste vide....-->
</body>
</html>

**eleydet** · 05/12/2016, 13h07

Bonjour,

Pour que le code ci-dessous fonctionne :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
 
<script>  
if (depart > 4) {document.getElementById('txt_a').style.display='block';}
else {document.getElementById('txt_b').style.display='block';}	
</script>

Il faut qu'il soit exécuté plus d'une fois, en l'insérant dans la fonction depense().

**maryliseduteil** · 11/12/2016, 19h15

Bonjour,
Merci pour vos conseils, je vais voir ce que j'arrive à faire avec tout ça.

**eleydet** · 12/12/2016, 08h36

Bonjour,

maryliseduteil a écrit :

Qu'est ce qui ne va pas dans ma fonction if ?

Votre condition if n'est exécutée qu'une seule fois. Il faut la placer dans votre fonction depense().

**bacargoudiaby** · 02/01/2017, 14h24

Je vous conseille d'aller apprendre a utiliser les fonctions et comment l'appeler .Dans votre cas on dirai que vous ne connaissez pas assez les bases en Javascript.

Variable affichée qui se met à jour suivant une fonction

JavaScript

Discussions similaires

Partager

Partager