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

Version imprimable

Voir 40 message(s) de cette discussion en une page

04/12/2016, 18h54
Auteur

1-

Citation:

Envoyé par maryliseduteil

Code:

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

rhaaaaaaaaa :rouleau: 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-

Citation:

Envoyé par maryliseduteil

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

une fonction if :cry:
que veux-tu faire avec ce if ?

Bonjour,

Code:

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:

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';
  }
}

05/12/2016, 05h48
maryliseduteil

@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. :lol: 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.

Citation:

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:

<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:

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"> </div> </body> </html>
Ne fonctionne pas :
Code:

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"> </div> </body> </html>

Bonjour,

Pour que le code ci-dessous fonctionne :
Code:

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().

11/12/2016, 19h15
maryliseduteil

Bonjour,
Merci pour vos conseils, je vais voir ce que j'arrive à faire avec tout ça. :)
12/12/2016, 08h36
eleydet

Bonjour,

maryliseduteil a écrit :

Citation:

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().
02/01/2017, 14h24
bacargoudiaby

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.

Voir 40 message(s) de cette discussion en une page