Javascript 如何使我的石头，布，剪刀游戏刷新按钮点击？

这不是重复的，因为window.load（）会在3秒后刷新，而不会让用户完全看到结果

我想做的是，当用户单击另一个按钮进行新选择时，游戏会自动重置，而无需刷新页面以单击“重置”按钮

这是否需要在再次运行脚本之前清除innerHTMLs并重置onclick变量

我的代码在这里：

//var rock=document.getElementById（“rock”）；
//var paper=document.getElementById（“paper”）；
//var剪刀=document.getElementById（“剪刀”）；
var screen=document.getElementById（“screen”）；
var compAnswer=Math.random（）；
//设置计算机值
如果（compAnswer>=0&&compAnswer=0.34&&compAnswer，您可以这样做“重置”游戏：

function clearMessage(event) {
    event.preventDefault();  // Stops the page from refreshing
    var screen = document.getElementById("screen");
    screen.innerHTML = '';
}

然后你可以有一个像这样的重置按钮

<button onclick="clearMessage(event)">Reset</button>

重置

下面是我在查看代码时的一些其他想法。看看每个函数如何只做一件事

// input: 0 = rock, 1 = paper and 2 = scissors
function makeUserSelection(choice) {
    var computerChoice = getCompAnswer();
    var result = getResult(choice, computerChoice);
    displayResult(result);
}

// output: 0 = rock, 1 = paper and 2 = scissors
function getCompAnswer() {
    var rand = Math.random();
    if (compAnswer <= 0.33) {
        return 0;
    }

    return (compAnswer <= 0.66) ? 1 : 2;
}

// input: 0 = rock, 1 = paper and 2 = scissors
// output: 0 = draw, 1 = user wins and -1 = user loses.
function getResult(userValue, computerValue) {
    if(userValue === computerValue) {
        return 0; // draw
    }
    return ((userValue + 1) % 3 === computerValue) ? return -1 : 1;
}

displayMessage(message) {
    var screen = document.getElementById('screen');
    screen.innerHTML = '<p>' + message + '</p>';
}

function displayResult(result) {
    messages = ["It's a draw", "You lose", "You win"];
    displayMessage(messages[result]);
}

//输入：0=石头，1=布，2=剪刀
函数makeUserSelection（选项）{
var computerChoice=getCompAnswer（）；
var结果=getResult（选择，计算机选择）；
显示结果（result）；
}
//输出：0=石头，1=布，2=剪刀
函数getCompAnswer（）{
var rand=Math.random（）；
如果（companyswer您可以这样做来“重置”您的游戏：

function clearMessage(event) {
    event.preventDefault();  // Stops the page from refreshing
    var screen = document.getElementById("screen");
    screen.innerHTML = '';
}

然后你可以有一个像这样的重置按钮

<button onclick="clearMessage(event)">Reset</button>

重置

下面是我在查看代码时的一些其他想法。看看每个函数如何只做一件事

// input: 0 = rock, 1 = paper and 2 = scissors
function makeUserSelection(choice) {
    var computerChoice = getCompAnswer();
    var result = getResult(choice, computerChoice);
    displayResult(result);
}

// output: 0 = rock, 1 = paper and 2 = scissors
function getCompAnswer() {
    var rand = Math.random();
    if (compAnswer <= 0.33) {
        return 0;
    }

    return (compAnswer <= 0.66) ? 1 : 2;
}

// input: 0 = rock, 1 = paper and 2 = scissors
// output: 0 = draw, 1 = user wins and -1 = user loses.
function getResult(userValue, computerValue) {
    if(userValue === computerValue) {
        return 0; // draw
    }
    return ((userValue + 1) % 3 === computerValue) ? return -1 : 1;
}

displayMessage(message) {
    var screen = document.getElementById('screen');
    screen.innerHTML = '<p>' + message + '</p>';
}

function displayResult(result) {
    messages = ["It's a draw", "You lose", "You win"];
    displayMessage(messages[result]);
}

//输入：0=石头，1=布，2=剪刀
函数makeUserSelection（选项）{
var computerChoice=getCompAnswer（）；
var结果=getResult（选择，计算机选择）；
显示结果（result）；
}
//输出：0=石头，1=布，2=剪刀
函数getCompAnswer（）{
var rand=Math.random（）；
如果（companys）可能重复“这不是重复的，因为window.load（）在3秒后刷新”：这是重复的。当然，您必须将该调用放在正确的位置。该方法与3秒之间没有链接。您确定调用它的（按钮）事件。可能重复的“这不是重复的，因为window.load（）会在3秒后刷新”：这是重复的。当然，您必须将该调用放在正确的位置。该方法与3秒之间没有链接。您可以确定调用它的（按钮）事件。