0

だから私は単純なゲームを作っていて、ページの読み込み時に画像をランダムな div に割り当てる方法を考えていました。たとえば、次のようにラベル付けされた2行のdivタグがあります-

<div id="1_1" class="mapsquare"></div>
<div id="2_1" class="mapsquare"></div>
<div id="3_1" class="mapsquare"></div>
<div id="1_2" class="mapsquare"></div>
<div id="2_2" class="mapsquare"></div>
<div id="3_2" class="mapsquare"></div>

ページの読み込み時に、これらの div の 1 つに画像 (プレーヤー スプライト) をランダムに追加できるようにしたいと考えています。これがこれまでのすべてですが、div id を使用してこれを機能させる方法がわかりません。

<script>
function myFunction()
{
var x=document.getElementById("player")
x.innerHTML=Math.floor((Math.random()*6)+1);
}
</script>

ありがとう

4

4 に答える 4

0

math.random を使用して、次のようなランダムな div id 値を取得できます

var divName = Math.ceil(Math.random()*3) + "_" + Math.ceil(Math.random()*3);

そして、IDに基づいて画像を追加できます

例のDEMOを参照してください * http://jsbin.com/OqEMoVU/1/edit *

于 2013-08-19T11:22:51.493 に答える