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