Javascript 随机图像

Question

作为实验室的一部分，我正在随机显示图像，但无法显示第三张图像 (scissors.png)。那是我下面的 javascript..帮助将不胜感激!

var total = 0;
function Images(){
     var img1 = document.getElementById('img1');
     var x = Math.floor(Math.random()*2)+1;

     /* Player one */

     if (x ==1)
         img1.src = 'rock.png';
     else if (x==2)
         img1.src = 'paper.png'; 
     else if (x==3)
         img1.src = 'scissors.png';

 } 

Answer 1

I'm doing a random image display as part of a lab and I can't get the third image to appear (scissors.png).

那是因为您将随机数乘以 2，然后对其取底，得到的范围是 0-2(含)；这不是问题(给定从零开始的数组)，但是您的 if 期望从一开始的数组索引。

顺便说一句，我建议:

var images = ['rock', 'paper', 'scissors'],
    rand = Math.floor(Math.random() * images.length);

return images[rand] + '.png';

导致这样的实现:

function getImage() {
  var images = ['rock', 'paper', 'scissors'],
    rand = Math.floor(Math.random() * images.length);

  return images[rand] + '.png';
}

document.querySelector('button').addEventListener('click', function() {
  console.log(getImage());
});

<button>Get an image</button>