如何在javascript中连续点击按钮显示下一个元素

// HTML部分
<button id="nextButton">下一个</button>
<div class="element">元素1</div>
<div class="element">元素2</div>
<div class="element">元素3</div>

// JavaScript部分
var nextButton = document.getElementById("nextButton");
var elements = document.getElementsByClassName("element");
var currentIndex = 0;

nextButton.addEventListener("click", function() {
  // 隐藏当前元素
  elements[currentIndex].style.display = "none";
  
  // 计算下一个元素的索引
  currentIndex = (currentIndex + 1) % elements.length;
  
  // 显示下一个元素
  elements[currentIndex].style.display = "block";
});