單擊按鈕，直到val = true

Question

因此，讓我們考慮一個ID為phoneInput的輸入，它在每次添加新內容時都會對您在文本字段中插入的內容進行混洗，因此我們將數字0728215523添加0728215523 ，因為混洗會變得一團糟。 現在我們有一個.shuffle按鈕，它會再次.shuffle 。 我如何才能使按鈕被點擊，直到該數字是我想要的期望數字。 這是我嘗試過的操作，但沒有任何反應，我的瀏覽器崩潰了

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

Answer 1

使用事件而不是do while循環。 您可以在輸入元素上使用keyup事件。

const phoneInput = document.getElementById('phoneInput');

const simClick = (e) => {
  if(e.target.value !== '0728215523') document.querySelector('.shuffle').click();
}

phoneInput.addEventListener('keyup', simClick)

Answer 2

我認為，如果我們知道完整的實現，可能會有一種更有效的方法來解決此問題，但是以下解決方案應該提供一種更為合理的方法來解決此問題...

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. 再次點擊