2016-02-28 138 views
-1

我想使用jQuery生成隨機數字。生成隨機數字不工作

但是,當我刷新瀏覽器時,它沒有生成它們。

我的HTML如下:

<td colspan="3" id="number1" class="numberStyle"><span>1</span></td> 
<td colspan="3" id="number2" class="numberStyle"><span>2</span></td> 

我的腳本如下:

$(document).ready(function(){ 
var num1; 
var num2; 

num1=Math.floor((Math.random()*3)+1); 
document.getElementById("number1").innerhtml = num1; 

num2=Math.floor((Math.random()*3)+1); 
document.getElementById("number2").innerhtml = num2; 

}); 
+3

' innerHTML' not'innerhtml' –

+0

O它在那裏。非常感謝。 – herblackcat

+1

對未來的建議:按F12,打開控制檯,查看錯誤是什麼。在這種情況下應該很清楚innerhtml是未定義的。 – kamilk

回答

0

這是一個錯字,

更改代碼,

num1=Math.floor((Math.random()*3)+1); 
document.getElementById("number1").innerhtml = num1; 

num1=Math.floor((Math.random()*3)+1); 
document.getElementById("number1").innerHTML = num1; 

這是innerHTML不是innerhtml。

+0

謝謝大家,我明白了! – herblackcat

+0

@herblackcat:如果你對我的回答滿意,你能否接受答案? –

+0

好的可以。謝謝。 – herblackcat

0

請使用下面的代碼,因爲你無法改變td內的文本,但你可以在裏面Span

HTML

<td colspan="3" id="number1" class="numberStyle"><span span class="replaceme">1</span></td> 
<td colspan="3" id="number2" class="numberStyle"><span span class="replaceme2">2</span></td> 

JQUERY改變

$(document).ready(function() { 
var num1; 
var num2; 

num1=Math.floor((Math.random()*3)+1); 
$(".replaceme").text(num1); 

num2=Math.floor((Math.random()*3)+1); 
$(".replaceme2").val(num2); 
});