javascript - 单击按钮直到 val = true

Question

因此，让我们考虑一个 ID 为 phoneInput 的输入，它会在您每次添加新内容时随机播放您在文本字段中插入的任何内容，所以假设我们添加数字 0728215523 它会变得一团糟，因为它被洗牌了。现在我们有一个按钮 .shuffle 可以再次洗牌。我怎样才能让按钮被点击，直到数字是我想要的数字。这是我尝试过的方法，但没有任何反应，我的浏览器崩溃了，哈哈

do {
document.querySelector('.shuffle').click()
}
while(document.querySelector('#phoneInput').value !== '0728215523')

Answer 1

我认为如果我们知道完整的实现，可能会有更有效的方法来处理这个问题，但下面的解决方案应该提供一种稍微更理智的方法来处理它......

var phoneCheck = setInterval(function (){
  if (String(document.querySelector('#phoneInput').value) === '0728215523') {
    clearInterval(phoneCheck);
  } else {
    document.querySelector('.shuffle').click();
  }
},250);

1. 点击 .shuffle
2. 等待 1/4 秒(250 毫秒)
3. 检查 #phoneInput 值是否匹配
4. 再次点击