亚洲在线久爱草,狠狠天天香蕉网,天天搞日日干久草,伊人亚洲日本欧美

為了賬號安全,請及時綁定郵箱和手機立即綁定
已解決430363個問題,去搜搜看,總會有你想問的

嘗試限制猜測后javascript(html)while循環不起作用

嘗試限制猜測后javascript(html)while循環不起作用

森林海 2023-05-25 16:24:06
我的主要目的是如果用戶猜中數字 5 次或當用戶猜對正確答案時停止程序,程序也應該結束。function abc(){    var guessbutton = document.getElementById("guessbutton");    var guess = document.getElementById("guess").value;    var maxtries = 5;    var count = 0;var secret = 10;    while (count < 6){if (guess == secret) {document.getElementById("feedback").innerHTML = "correct";guessbutton.disabled=true;break;}else if (guess > secret) {document.getElementById("feedback").innerHTML = "too high";}else if (guess < secret) {document.getElementById("feedback").innerHTML = "too low";}else{document.getElementById("feedback").innerHTML = "max try";guessbutton.disabled=true;break;}count++;}}我在使用這段代碼時遇到的問題是,即使經過 5 次嘗試,它仍會繼續。我假設錯誤是由于count++;無法正常工作這是我的 html 代碼<input id="guess" type="text" name="guess"><button id="guessbutton" type="button" onclick="return abc()">Guess</button><p id="feedback"></p>
查看完整描述

1 回答

?
慕哥9229398

TA貢獻1877條經驗 獲得超6個贊

您需要擺脫 while 循環。您只是循環而不允許用戶更新輸入文本框。您應該檢查每次點擊的次數。


var guessbutton = document.getElementById("guessbutton");

var count = 0;

var maxTries = 5;

var secret = 10;


function abc() {

  var guess = Number(document.getElementById("guess").value);

  count++;

  console.log(count);

  if (guess == secret) {

    document.getElementById("feedback").innerHTML = "correct";

    guessbutton.disabled = true;

  } else if (guess > secret) {

    document.getElementById("feedback").innerHTML = "too high";

  } else if (guess < secret) {

    document.getElementById("feedback").innerHTML = "too low";

  } 

  if (count >= maxTries) {

    document.getElementById("feedback").innerHTML = "max try";

    guessbutton.disabled = true;

  }

}

<input id="guess" type="text" name="guess">

<button id="guessbutton" type="button" onclick="return abc()">Guess</button>

<p id="feedback"></p>


查看完整回答
反對 回復 2023-05-25
  • 1 回答
  • 0 關注
  • 125 瀏覽
慕課專欄
更多

添加回答

舉報

0/150
提交
取消
微信客服

購課補貼
聯系客服咨詢優惠詳情

幫助反饋 APP下載

慕課網APP
您的移動學習伙伴

公眾號

掃描二維碼
關注慕課網微信公眾號