javascript - 刷新时带有文本的随机图像

Question

我是一个java脚本初学者，我正在尝试设计一个刷新时显示两个随机数的网页。根据这些数字，应该出现一个特定的文本。

数字是 0 - 5 之间的图像。

到目前为止，我编写了这段代码，它可以在刷新时更改图像

var images1= new Array ("images/0.png","images/1.png","images/2.png","images/3.png",
"images/4.png","images/5.png");

var images2= new Array ("images/1.png","images/5.png","images/0.png","images/3.png",
"images/4.png","images/2.png");

function RandomImg() {
  var x = Math.floor(Math.random() * images1.length);
  var img1= document.getElementById('image1');

  img1.src = images1[x];
  var img2= document.getElementById('image2');
  img2.src = images2[x];
}
RandomImg();

之后，根据出现的图像，如果图像中的第一个数字大于第二个，则应该出现一个文本，反之亦然。

所以我的问题是“是否可以将每个图像链接到一个数字然后执行 if 语句？或者我是否在这方面走错了方向？怎么可能做到这一点？”

我做了很多研究，但一周以来没有得到任何明确的结果:(

谢谢 ：）

标签： javascripthtmlarraysrandomtext

Answer 1

对的，这是可能的。您可以在 JavaScript 中使用 map 来制作键值对。只需研究地图并实施它。

https://developer.mozilla.org