javascript - 等待按钮点击后再继续

标签 javascript html button wait

我弹出一个警报,询问“你想玩吗”,如果答案为真,它会运行一些代码。但是在您单击"is"之后,我希望按下一个按钮,并且我的代码继续运行而不等待按下它。

这是我的 Javascript:

var start = confirm("Would you like to Play?");
var plays = 0;
var playerScore = 0;
var computerScore = 0;
var userChoice = ""
function choose(buttonChoice) {
    userChoice = buttonChoice;
}

while(start) {

    var pScoreDiv = document.getElementById('pScore');
    pScoreDiv.innerHTML  = playerScore;

    var cScoreDiv = document.getElementById('cScore');
    cScoreDiv.innerHTML  = computerScore;

    console.log(playerScore);
    console.log(computerScore);

    var computerChoice = Math.random();

    if (computerChoice < 0.34) {
        computerChoice = "rock";
    } else if(computerChoice <= 0.67) {
        computerChoice = "paper";
    } else {
        computerChoice = "scissors";
    }
}
<button onClick="choose('rock')">Rock</button>
<button onClick="choose('paper')">Paper</button>
<button onClick="choose('scissors')">Scissors</button>

最佳答案

您只监听要选择的确认按钮,而不是要单击的按钮。

在下面的代码中,我将 while 更改为一个函数,用于检查 start 是否已设置,并在单击按钮时调用。

var start = confirm("Would you like to Play?");
var plays = 0;
var playerScore = 0;
var computerScore = 0;
var userChoice = ""

function choose(buttonChoice) {
  userChoice = buttonChoice;
  play();
}

function play() {
  if (start) {
    var pScoreDiv = document.getElementById('pScore');
    pScoreDiv.innerHTML = playerScore;

    var cScoreDiv = document.getElementById('cScore');
    cScoreDiv.innerHTML = computerScore;

    console.log(playerScore);
    console.log(computerScore);

    var computerChoice = Math.random();

    if (computerChoice < 0.34) {
      computerChoice = "rock";
    } else if (computerChoice <= 0.67) {
      computerChoice = "paper";
    } else {
      computerChoice = "scissors";
    }
  }
}
<button onClick="choose('rock')">Rock</button>
<button onClick="choose('paper')">Paper</button>
<button onClick="choose('scissors')">Scissors</button>

关于javascript - 等待按钮点击后再继续,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/30775732/

相关文章:

javascript - JS中Base64转图片文件

javascript - 二维数组从 "loop"返回值

javascript - 使用 javascript ping Web 应用程序以保持 session 打开

html - CSS flex 元素的主轴对齐

javascript - IE 6 中的 Jquery 加载错误

css - 跨度在 div 中 float - 为什么在 IE 中换行?

javascript - 当用户向下滚动时如何使向下箭头消失?

Java 通过单击按钮打开一个新窗口

javascript - 根据小时数隐藏按钮

android - 如何获取listview中按钮的Id?