Question

我的代码有一点问题。如果单击2个div，它们将显示一个随机数字，但是如果单击第三个div。我所有的电话号码都必须删除，但无法使用。有人可以帮我吗？

let mijnDivs = document.querySelectorAll("div")
let i = 0
while (i<mijnDivs.length) {
  mijnDivs[i].addEventListener("click", toevoegen)
  i++
}
function toevoegen(event) {
  console.log("het werkt")
  let nummer = randomNumber(1,9)
  this.innerHTML = nummer
  this.classList.toggle("zichtbaar")
  if (this.classList.contains("zichtbaar").length === 2) {
    console.log("yay")
  }
}
function randomNumber (min, max) {
min = Math.ceil(min);
max = Math.floor(max);
return Math.floor(Math.random() * (max - min + 1)) + min;
}

Answer 1

@julie，如果我理解正确，则在单击同一div时，前两次应该显示随机数。它应该第三次清除它。如果我的理解是正确的，那么问题在于Container不会继续添加类。如果存在，则将其删除；如果不存在，则将其添加。 classList.toggle永远不会大于1。

解决方案可能是将点击次数存储在数据属性中，然后检查它是否需要生成随机数或清除它。 MDN参考：https://developer.mozilla.org/en-US/docs/Learn/HTML/Howto/Use_data_attributes

如果两个div添加了一个类。所有类都必须删除

1 个答案: