Javascript random generator

Question

Я создал генератор случайных чисел в javascript, значения которого находятся в массиве. код является то, что один

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

<p>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>

Я хотел бы знать, если это возможно, чтобы дать другой текст в р тег в соответствии с количеством генерируемого с помощью кнопки. Большого спасибо и извините если есть английский ошибка

Answer 1

Просто дайте элементу идентификатор, выберите его в коде и изменить значение в соответствии с вашим «случайным» значением:

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

<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>

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

Если ваш вопрос «Как отображать случайно выбранный текст при нажатии на кнопку», это ответ:

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

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