Javascript débutant - jeu de dé - HELP

Pour toutes les discussions javascript, jQuery et autres frameworks
Répondre
Meganarma
Messages : 1
Enregistré le : 17 mai 2018, 16:18

Javascript débutant - jeu de dé - HELP

Message par Meganarma » 17 mai 2018, 16:23

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 !

Avatar du membre
Frosty
Messages : 123
Enregistré le : 20 juil. 2017, 13:23
Localisation : Grenoble

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

Message par Frosty » 18 mai 2018, 10:02

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

Répondre