2016-05-31 186 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>