javascript - 如何停止 Math.random 不迭代每个 .click()

标签 javascript jquery

我正在学习 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/

相关文章:

javascript - 维护 React 组件列表,然后渲染到父级中

jquery - 关闭 jquery 对话框中关闭按钮上的文本

javascript - Jquery对象不支持属性或方法 "values"

jquery - 在 javascript 动画上 append html

javascript - jquery div 在手前关闭并且是空的

javascript - 将 JavaScript 对象添加到多个数组

javascript - react 路由: URL is changing but page is not loading

javascript - 如果 url 的索引为 x 或 y,则不要执行以下操作

javascript - jQuery datetimepicker - 如何在 JavaScript 中获取日期?

javascript - 如何在 jquery 代码行中添加样式?