如何用javascript制作一个按钮，每次都会给出(随机）不同的答案

How do I make a button in javascript that gives a (random) different answer every time

本文关键字：答案 随机 javascript 何用 按钮 一个      更新时间：2023-09-26

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

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

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

谢谢。

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

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

并使用它来索引20个项目的数组

以下是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演示

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

这样做的时间为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))]);    
});
相关文章：