2016-05-31 167 views
-1

我创建了一个在javascript中的随机数生成器,其值在一个数组中。 的代码是一个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>

我想知道是否有可能根据按键产生的数给在p标签不同的文本。 非常感谢和抱歉,如果有任何英文错误

+0

是,这是可能的。你能提供任何文字的例子吗?你想要这样的东西:“文本值:123)”? –

+0

你想随机生成一个字符串还是要从字符串列表中随机选择? –

+1

'“根据生成的数字在p标签中给出不同的文本”' - 不是代码*已经做了什么*?这是不是如预期的那样工作? – David

回答

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>

0

我不知道你想要什么,但如果你想随机字符串选择:

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/

0

如果你的问题是“如何点击一个按钮时,显示一个随机选定的文本”,这就是答案:

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>