Comment puis-je générer une image en utilisant le commutateur et les cas?

-2

Voici ce que j'ai jusqu'ici. Le newNumber est une fonction que j'ai faite juste pour faire min et max. J'ai vraiment des problèmes avec ça.Comment puis-je générer une image en utilisant le commutateur et les cas?

function onclick() { 
     var num = parseFloat(document.getElementById("do").value); 
     if (num <= 0) { 
      alert("Please enter a bet amount between 1 and 100"); 
     } 
     else if (num > 100) { 
      alert("Please enter a bet amount between 1 and 100"); 
     } 

     var stake = document.getElementById("txtStake").value; 
     if (stake < num) { 
      alert("Wrong number Can't Be Higher Than Stake Number") 
     } 

     var random = newNumber(1, 7); 

     if (random == 1) { 
      document.getElementById("toChangeColor").style.backgroundColor = "red";     
     } 
     else if (random == 2) { 
      document.getElementById("toChangeColor").style.backgroundColor = "green"; 
     } 
     else if (random == 3) { 
      document.getElementById("toChangeColor").style.backgroundColor = "gray"; 
     } 
     else if (random == 4) { 
      document.getElementById("toChangeColor").style.backgroundColor = "yellow"; 
     } 
     else if (random == 5) { 
      document.getElementById("toChangeColor").style.backgroundColor = "brown"; 
     } 
     else if (random == 6) { 
      document.getElementById("toChangeColor").style.backgroundColor = "blue"; 
     } 
     else if (random == 7) { 
      document.getElementById("toChangeColor").style.backgroundColor = "black"; 
     } 

     switch (random) { 
      case 1: 
       document.getElementById("picture").src = "time.jpg"; 
       break; 
      case 2: 
       document.getElementById("picture").src = "pic2.jpg"; 
       break; 
      case 3: 
       document.getElementById("picture").src = "pic3.jpg"; 
       break; 
      case 4: 
       document.getElementById("picture").src = "pic4.jpg"; 
       break; 
      case 5: 
       document.getElementById("picture").src = "pic5.jpg"; 
       break; 
      case 6: 
       document.getElementById("picture").src = "pic6.jpg"; 
       break; 
      case 7: 
       document.getElementById("picture").src = "pic7.jpg"; 
       break; 
     } 
    }

Lorsque je clique sur un bouton, j'ai besoin d'une image aléatoire parmi 5 choix pour afficher dans une certaine zone. Comment puis-je faire cela en utilisant un interrupteur ou une boucle?

Source

2017-10-20 Beth

Qu'avez-vous essayé? Montrez-nous du code que vous avez essayé. – gavgrif

Bienvenue dans StackOverflow! Afin que nous puissions mieux vous aider, pouvez-vous s'il vous plaît mettre à jour votre question afin qu'elle montre votre ** code ** pertinent dans un [** exemple minimal, complet et vérifiable **] (http://stackoverflow.com/ aide/mcve). Il serait également utile que vous nous fassiez savoir ce que vous avez [** essayé jusqu'ici **] (http://meta.stackoverflow.com/questions/261592) pour résoudre votre problème. Pour plus d'informations, référez-vous à l'article d'aide concernant [** comment poser de bonnes questions **] (http://stackoverflow.com/help/how-to-ask), et prenez la [** visite du site **] (http://stackoverflow.com/tour) :) –

Tout ce que j'ai fait était de faire l'instruction switch: – Beth

Votre situation à écrire commutateur ou si le cas sera redondant, il suffit de faire dans un tableau ou un tableau bidimensionnel sera mieux.

var bgColors = ['red', 'green', 'yelow']; 
var pics = ['time.jpg', 'pic2.jpg', 'pic3.jpg']; 

var randomIndex = newNumber(0, 2); 

document.getElementById("toChangeColor").style.backgroundColor = bgColors[randomIndex]; 
document.getElementById("picture").src = pics[randomIndex];

Source

2017-10-20 04:52:38 Momo

Comment puis-je générer une image en utilisant le commutateur et les cas?

Répondre

Questions connexes