js随机抽奖游戏

创建一个简单的JavaScript随机抽奖游戏涉及以下几个步骤：

HTML结构：设置一个按钮用于触发抽奖，以及一个用于显示结果的元素。

CSS样式：（可选）为按钮和结果显示元素添加样式。

JavaScript逻辑：

创建一个奖品数组。
当按钮被点击时，从数组中随机选择一个奖品，并显示它。
示例代码
下面是一个简单示例：

HTML

<button id="drawButton">抽奖</button>
<div id="result"></div>

CSS（可选）

    #drawButton {
      background-color: #4CAF50;
      color: white;
      padding: 15px 32px;
      text-align: center;
      text-decoration: none;
      display: inline-block;
      font-size: 16px;
      margin: 4px 2px;
      cursor: pointer;
    }

#result {
  margin-top: 20px;
  font-size: 20px;
  color: blue;
}

JavaScript

document.getElementById("drawButton").addEventListener("click", function() {
  const prizes = ["奖品A", "奖品B", "奖品C", "谢谢参与"];
  const randomIndex = Math.floor(Math.random() * prizes.length);
  const result = prizes[randomIndex];
  document.getElementById("result").textContent = "恭喜你，获得了: " + result;
});

在这个例子中，当用户点击“抽奖”按钮时，代码会从奖品数组中随机选择一个奖品，并显示到result元素中。奖品数组可以根据需要进行修改，添加更多奖品或更改奖品名称。