投票js特效

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>投票特效示例</title>
<style>
  #voteButton {
    padding: 10px 20px;
    font-size: 16px;
    cursor: pointer;
  }
  #result {
    margin-top: 20px;
    font-size: 24px;
    font-weight: bold;
  }
</style>
</head>
<body>

<button id="voteButton">投票</button>
<div id="result">票数: 0</div>

<script>
  let votes = 0;
  const voteButton = document.getElementById('voteButton');
  const resultDisplay = document.getElementById('result');

  voteButton.addEventListener('click', function() {
    votes++;
    resultDisplay.textContent = `票数: ${votes}`;
    resultDisplay.style.color = votes % 2 === 0 ? 'blue' : 'red'; // 简单的颜色变化动画
  });
</script>

</body>
</html>