清除页面数据，无需重新加载页面？

Question

我有一个简单的游戏，产生一个随机数，需要在用户试图猜测号码的用户输入，并且代码追加每个用户猜测到一个列表，让他们知道他们已经猜到哪个号码。还有一个“新游戏”（.new）链接，用户可以随时点击重新开始。目前，我有以下JS：

/*--- Reset game ---*/ 
$(".new").click(function() { 
    location.reload(); 
}); 

虽然这个作品，我宁愿改变操作，使得页面不需要刷新，而是代码重置开始时（即产生一个新的随机号，清除列表项等）

不知道如何去这样做。有任何想法吗？

Answer 1

有构建随机数，它的每一次新的游戏点击呼叫功能。 因此，例如，有一个函数调用generateRandomNumber()和使用它的方式如下：

/*--- Reset game ---*/ 
$(".new").click(function() { 
    generateRandomNumber(); //Function to start everything from the beginning 
}); 

Answer 2

你可以有一个列表，当用户检查自己的猜测，一个元素添加到列表中。对于新的，只需从列表中获取所有li元素并将其删除即可。

两个按钮，new和check，和两个click事件。我做了一个速写：

https://codepen.io/anon/pen/oxVKJB

你可以用随机数生成，验证和东西完成它。