如何根据随机条件动态创建按钮

时间:2015-05-27 15:11:00

标签: javascript

我已经使用JavaScript创建了一个按钮,我有一个列表,当我“掷骰子”时应该得到一个随机数

我需要列出数字,例如说“你滚1”。我怎么做?而且我只需要它来显示最后10个数字。

var rollNumber = 0;
var values = [];

function dieRolled() {
    rollNumber += 1;
    var numRolled = Math.ceil(Math.random() * 6);
    values.push(numRolled);
    document.getElementById("results").innerHTML = "";

    for (var x = values.length-1 ; x>=0; x--) {
        var newRoll = document.createElement("li");
        newRoll.innerHTML = values [x] +"You rolled a";
        document.getElementById("results").appendChild(newRoll);
        if (x == 11)break;
    }

}

2 个答案:

答案 0 :(得分:2)

这个怎么样?



	var output = document.getElementById("Output");
	var values = [];
	
	function roll()
	{
		values.push(Math.ceil(Math.random() * 6));
		
		// If the history is too big, drop the oldest...
		if (values.length > 10)
		{
			values.shift();
		}
		
		// Rewriting the history log
		var text = "";
		for (var i in values)
		{
			text += "You rolled a " + values[i] + "\n";
		}
		
		output.innerHTML = text;
	}
	
	// Rolling multiple times
	setInterval(function(){ roll(); }, 1000);

<pre id="Output"></pre>
&#13;
&#13;
&#13;

答案 1 :(得分:2)

试试这个:

var list = document.getElementById('demo');
var count = 0;
function changeText2() {
    count++;
    if(count <= 10)
    {
   var numRolled = Math.ceil(Math.random() * 6);
    var entry = document.createElement('li');
    entry.appendChild(document.createTextNode("You rolled:"+numRolled));
    list.appendChild(entry);
    }
}
<input type='button' onclick='changeText2()' value='Submit' />
<p>Dices you rolled</p>
<ol id="demo"></ol>