以下是JavaScript代码,可以用于随机产生50个不同彩色的球:

// 定义一个数组,包含所有可能的颜色
var colors = ["red", "orange", "yellow", "green", "blue", "purple"];

// 生成50个球,每个球都是一个随机的颜色
for (var i = 0; i < 50; i++) {
  // 从数组中随机选择一个颜色
  var randomColorIndex = Math.floor(Math.random() * colors.length);
  var randomColor = colors[randomColorIndex];

  // 创建一个新的球元素
  var ball = document.createElement("div");
  ball.classList.add("ball");
  ball.style.backgroundColor = randomColor;

  // 将球添加到页面中的容器中
  var container = document.getElementById("container");
  container.appendChild(ball);
}

在这个例子中,我们首先定义了一个包含所有可能颜色的数组。然后,我们使用一个循环来生成50个球。在每次循环中,我们随机选择一个颜色,然后使用该颜色创建一个新的球元素。最后,我们将球添加到页面中的容器中。

如果您想要更多的控制,例如确保不会生成重复颜色的球,您可以使用一个对象来跟踪哪些颜色已经被使用过了。然后,您可以在每次循环中检查该对象,确保您选择的颜色没有被使用过

JavaScript随机产生50个彩色球

原文地址: https://www.cveoy.top/t/topic/eC6l 著作权归作者所有。请勿转载和采集!

免费AI点我,无需注册和登录