javascript - 为什么当我在框中输入数字并选择 Guess 时运行数字 randomNumber 函数

Question

我正在做一个家庭作业来创建一个热/冷的应用程序，但一直卡在提交(猜测)按钮上。我编写了一个名为 newGame 的函数，因此当您选择 New Game 时，randomNumberGenerator 函数将运行。但是，如果您在输入框中输入数字并选择“猜测”按钮，它似乎也在运行，但我不确定为什么。下面是我的脚本，以及包含整个代码的 js fiddle 链接:

$(document).ready(function(){

var randomNumber = 0;
var userGuess = 0;
var guessCount = 0;

//generates number
function randomNumberGenerator() {
    randomNumber = Math.floor(Math.floor(Math.random()*100));
    console.log("random number= " + randomNumber);
}

randomNumberGenerator();
//starts new game
function newGame(){
    guessCount = 0;
    randomNumber = (Math.floor(Math.random()*100));
    console.log("new number is " + randomNumber);
}

function compareGuess(){
    if (userGuess == randomNumber) {
    $('#feedack').text('correct');
    }
}

//submit
$('#guessButton').click(function() {
    compareGuess();
});

//click for new game
$( ".new" ).click(function() {
newGame();
});


});

https://jsfiddle.net/w8jxqjem/1/

谢谢你的帮助，我是初学者。如果我可以提供任何其他信息，请告诉我。

Answer 1

将按钮类型 submit 更改为 button

<input type="button" id="guessButton" class="button" name="submit" value="Guess"/>

JS

function compareGuess(){
        //changes made here
        //if (userGuess == randomNumber) {   
        if ($("#userGuess").val() == randomNumber) {
        //you have miss spelled "feedback"
        $('#feedback').text('correct');
        }
    }

同样在新游戏中你必须重置所有东西但是你可以在新游戏中window.location.reload()click。

Check Working Fiddle