Page 1 sur 1

Javascript débutant - jeu de dé - HELP

Posté : 17 mai 2018, 16:23
par Meganarma
Bonjour,
je suis sur un petit projet de page web (sur Mozilla Thimble) en lien avec une BD, pour cette occasion j'apprends un peu de HTML CSS et javascript mais je suis vraiment tout débutant. Je suis en train d'essayer de faire marcher une fonction où il s'agit de cliquer sur un bouton sous lequel est affichée l'image d'un dé et de faire varier aléatoirement le résultat du dé.
J'ai donc créé 6 versions de l'image du dé et je voudrais les faire correspondre au résultat de la fonction Math.random() que j'ai utilisée. Mais rien à faire ça ne marche pas, les images ne s'affichent pas dans le paragraphe ou je veux les envoyer. Je pense que je fais une erreur dans la manière d'accéder à l'image dans le script ou je sais pas...

Voici ce qu'il y a d'écrit dans mon document :
et voici le lien du projet : https://thimbleprojects.org/codnpix/462165/

Code : Tout sélectionner

 <...>        

     <button onclick = "randomDice()"> jouer </button>
            
            <p id="score"><img src = "dice1.bmp"></p>
    <...>
         <script>
              var roll = randomDice();
              var diceImage;

              function randomDice(min, max) {
                return Math.floor(Math.random()*(max - min)) + min;

                if (roll === 1) {
                  diceImage = "<img src='dice1.bmp'>"; }
                else if (roll === 2) {
                  diceImage = "<img src='dice2.bmp'>"; }
                else if (roll === 3) {
                  diceImage = "<img src='dice3.bmp'>"; }
                else if (roll === 4) {
                  diceImage = "<img src='dice4.bmp'>"; }
                else if (roll === 5) {
                  diceImage = "<img src='dice5.bmp'>"; }
                else if (roll === 6) {
                  diceImage = "<img src='dice6.bmp'>"; }
                else { diceImage = "oups!"}
               
                document.getElementById("score") = diceImage;
              }
            </script>
J'ai essayé aussi en utilisant la méthode document.createElement("IMG") mais rien à faire je n'y arrive pas non plus et aucun des éléments de réponse que j'ai pu trouver n'a fonctionné, je ne suis arrivé à rien avec aucune méthode et je commence vraiment à craquer :smile: ! Je pense qu'il me manque quelques connaissances élémentaires mais je ne mets pas le doigt dessus...
Un grand merci d'avance si quelqu'un peut m'éclairer sur mes erreurs !

Re: Javascript débutant - jeu de dé - HELP

Posté : 18 mai 2018, 10:02
par Frosty
Bonjour,
Je vois un truc flagrant, c'est qu'en HTML les attributs s'écrivent :

Code : Tout sélectionner

<balise attribut="valeur">
Il ne faut pas d'espace avant et après le "="
Je vois au moins deux cas où tu as écrit quelque chose du genre :

Code : Tout sélectionner

<balise attribut = "valeur">
Ca, ça ne va pas fonctionner comme tu le souhaites.
Bon courage