我正在学习 jQuery/js 并致力于“热或冷”练习,这似乎是一个流行的起点。
但是,在提交用户输入时,.click()
似乎会导致 Math.random
生成一个新数字,从而在用户每次提交时创建一个新数字一个推测。期望的结果是生成的数字保持不变。
据我所知,我的代码看起来是正确的。有人可以解释我的错误吗?
HTML
<title>Untitled Document</title>
</head>
<body>
<button>
play?
</button>
<div class="show">
</div>
<form>
<input type="text" name="inputform" id="textbox"
autocomplete="off" value="">
<input type="submit" id="txtbutton" class="txtbutton" value="Submit">
</form>
<div class="showMore">
</div>
</body>
</html>
JS
$(document).ready(function(){
var randomNum = Math.floor((Math.random()*100)+1);
$('div').text(randomNum);
var ui = $('#textbox');
$('.txtbutton').click(function(){
var clearGuess = function() {
$("#userGuess").val("").focus();
};
var x = ui.val();
});
});
最佳答案
每当您单击该按钮时,表单都会提交,这会导致页面重新加载。
为了防止提交所有表单,您可以:
$("form").submit(function(){
return false;
});
这应该可以解决您的问题。
祝你好运,享受 JavaScript 编码的乐趣。
关于javascript - 如何停止 Math.random 不迭代每个 .click(),我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/22121997/