javascript - 如何在javascript中制作一个按钮，每次都给出（随机）不同的答案

Question

我是 javascript 新手，所以这似乎是一个关于这个主题的非常有用的论坛。我只知道基本的 HTML 和 CSS。

我想制作一个按钮脚本，当你点击它时，每次点击它都会给你不同的答案。我知道如何制作一个使文本出现在屏幕上的基本按钮，但我不知道如何编写脚本以每次给出随机不同的答案。

更具体地说：我接受了 20 个不同的答案，每个答案在您的屏幕上显示的百分比都相等/不相等。

谢谢。

Answer 1

在 JavaScript 中，您可以生成 0 到 19 之间的随机数

$("#myButton").click(function(){
   var index = Math.floor(Math.random()*19);
   var randomAnswer = allAnswers[index];
   //display answer
});

并用它来索引一个包含 20 个项目的数组

Answer 2

这是 Javascript 的开始：

var array=["Item1", "Item2", "Item3", "Item4", "Item5"];
var random = array[Math.floor(Math.random() * array.length)];
console.log(random);

所以我们设置了一个array项目，并在该数组中选择一个随机项目并通过显示它console.log。您需要做的是bind单击button，并将random变量附加到 adiv等span。

这是您需要的：

JSFiddle 演示

HTML：

<h1>Will be replaced</h1>
<button id="button">Click Me!</button>

jQuery :

$(document).ready(function() {

    var array=["Item1", "Item2", "Item3", "Item4", "Item5"];
    $('#button').bind('click', function() {

        var random = array[Math.floor(Math.random() * array.length)];
        $("h1").html(random);
    });
});

Answer 3

这样做 10：http: //jsfiddle.net/balintbako/bx8sZ/

一个小的 HTML：

<div id="main">
    <button id="rnd">Random</button>
</div>

JS（使用 jQuery）：

var answers = ["a1", "a2","a3","a4","a5","a6","a7","a8","a8","a10"];
$("#rnd").click(function(){
    alert(answers[Math.floor((Math.random()*10))]);    
});