手机摇一摇抽奖代码实现

下面是一个简单的手机摇一摇抽奖代码实现示例：

HTML部分：

<!-- 抽奖按钮 -->
<button id="lotteryBtn">摇一摇抽奖</button>
<!-- 中奖提示 -->
<div id="result"></div>

JavaScript部分：

// 监听DeviceMotion事件
window.addEventListener('devicemotion', function(event) {
  // 获取加速度数据
  var acceleration = event.accelerationIncludingGravity;
  // 计算加速度大小
  var accelerationMagnitude = Math.sqrt(
    Math.pow(acceleration.x, 2) +
    Math.pow(acceleration.y, 2) +
    Math.pow(acceleration.z, 2)
  );
  // 判断是否达到摇一摇条件
  if (accelerationMagnitude > 20) {
    // 触发抽奖事件
    lottery();
  }
});

// 抽奖函数
function lottery() {
  // 随机生成中奖结果（这里假设有10%的概率中奖）
  var isWin = Math.random() < 0.1;
  if (isWin) {
    // 中奖提示
    document.getElementById('result').innerHTML = '恭喜你中奖了！';
  } else {
    // 未中奖提示
    document.getElementById('result').innerHTML = '很遗憾，未中奖！';
  }
}

// 绑定抽奖按钮点击事件
document.getElementById('lotteryBtn').addEventListener('click', function() {
  // 触发抽奖事件
  lottery();
});

在实现中，我们通过监听DeviceMotion事件来判断手机是否摇动，如果达到摇一摇条件，就触发抽奖事件。在抽奖事件中，我们通过随机生成中奖结果来模拟抽奖过程，并根据结果提示用户是否中奖。同时，我们也通过绑定抽奖按钮点击事件来实现手动抽奖的功能。