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变量附加到div，span等。

以下是您的需求：

JSFiddle Demo

<强> 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))]);    
});

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

3 个答案: