jsで指定した数をランダムにdivの値に振り分けたい

Question

javascript jqueryについて質問です。
minesweeperを作っています
div１つを１マスとして、縦と横を入力してもらって、マス目状の四角形を自動生成できるようにしました。
（それぞれのdivには、同classと生成順に0~nのidが割り当ててあります。）
次にやりたいこととして、爆弾の数を指定してもらい、ランダムにその数のdivに0か何かの値を。それ以外に,1などを割り当てる方法を探しています。アドバイス頂けないでしょうか？

for i in [0...vertical*horizonal]
console.log i
elements = $('.frame').append """<div class="element" id=#{i} >"""
こんな感じでdivは生成してます。(coffee文です)

Comments

[kei344]

コードはコード全体を、またCoffeeScriptはjsに出力したものを書かれたほうが、回答を得られやすいと思います。

Answer 1

二次元配列がお勧めされていますが、私としては二次元データの出力なら table 要素を動的に出力して table API を使うのがスマートだと思います。
下記URLで「Interface HTMLTable****」な要素のプロパティを一通り読んでみてください。

• 1.6.5. オブジェクト定義 - Document Object Model HTML

var tbody = table.tBodies[0];
var tr = table.tBodies[0].rows;
var td = table.tBodies[0].rows[y].cells[x];

• click イベントは table ないし tbody 要素に定義し、tr要素ノードの rowIndex, td要素ノードの cellIndex を活用して xy 座標を得る
• 爆弾の数はx座標とy座標を1ずつずらして前後左右の爆弾の数をカウントする

Re: saiiii さん

Answer 2

この手のパズルは表示用のタグとは別にチェック用の配列を用意して判定をするのが普通

また、爆弾をセットするロジックは、爆弾セット用に連番の配列を用意し、
シャッフルして先頭からn個取り出すのが確実

Comments

[退会済みユーザー]

配列ですか...まだ使ってみたことがないので挑戦してみます！　
まだあまりイメージがわきませんが(･･;)