Question

我在javascript中创建了一个随机数生成器，其值在数组中。代码就是那个

＆＃13;

---------------
|  Saved PC   |
---------------
|  arr[2]     |
---------------
|  arr[1]     |
---------------
|  arr[0]     |
---------------
|  si         |
---------------
|  sj         |
---------------

＆＃13;

function GetValue()
{
    var names= new Array(1,2,3,4,5);
    var random = names[Math.floor(Math.random() * names.length)];
    //alert(random);
    document.getElementById("message").innerHTML=random;
}

＆＃13;

我想知道是否可以根据按钮生成的数字在p标签中提供不同的文字。如果有任何英语错误，非常感谢和抱歉

Answer 1

只需为元素指定一个标识符，在代码中选择它，然后根据随机的＆＃39;更改值。值：

＆＃13;

function GetValue() {
    var names = [1,2,3,4,5];
    var random = names[Math.floor(Math.random() * names.length)];
    var messageContainer = document.getElementById("message");
    var headline = document.getElementById("headline");
      
    if (random <= 2) {
        headline.innerHTML = 'Hamburger (' + random + ')';
    } else {
        headline.innerHTML = 'Fish (' + random + ')';
    }
}

＆＃13;

<p id="headline">number generator</p>  
<form class="form">
    <div class="form-group">
        <input type="button" id="btnSearch" value="Generatore" onclick="GetValue();" class="btn btn-default"/>
        <p id="message"></p> 
    </div>
</form>

＆＃13;

Answer 2

我不确定你想要什么，但如果你想从字符串中随机选择：

function GetValue(){
  var names= new Array(1,2,3,4,5);
  var texts = ["foo", "bar", "baz", "foo2", "barbaz"];
  var random = names[Math.floor(Math.random() * names.length)];
  //alert(random);
  document.getElementById("message").innerHTML = texts[random - 1];
};

这里是小提琴：https://jsfiddle.net/x2zkph3x/

Answer 3

如果您的问题是＆＃34;如何在点击按钮＆＃34; 时显示随机选择的文字，这就是答案：

＆＃13;

var generator = document.getElementById('generator'),
    message = document.getElementById('message'),
    strings = ['first', 'second', 'third'];

generator.addEventListener('click', function(event) {
  message.textContent = strings[Math.random() * strings.length | 0];
});

＆＃13;

<input type="button" id="generator" value="Generate">
<p id="message"></p>

＆＃13;

Javascript随机生成器

3 个答案: