Javascript-форум (https://javascript.ru/forum/)
-   Общие вопросы Javascript (https://javascript.ru/forum/misc/)
-   -   Динамическое создание матрицы div и присвоением значений элементам (https://javascript.ru/forum/misc/43465-dinamicheskoe-sozdanie-matricy-div-i-prisvoeniem-znachenijj-ehlementam.html)

sonntagausgang 06.12.2013 15:06

Динамическое создание матрицы div и присвоением значений элементам
 
Здравствуйте. Мне необходимо сделать матрицу из div размером 10*10
.
Заполнить ее случайно цифрами от 1 до 9, причем так чтобы они были парными, т.е. не было лишней циферки.

Должно выглядеть так
<div id='*'>1</div>
<div id='*'>1</div>
<div id='*'>2</div>
<div id='*'>2</div>


Не обязательно чтобы они шли подряд. Они должны размещаться рандомом. Чет я пробовал ничего не получилось даже создать квадратную матрицу из div -элементов.

Подскажите пожалуйста.

ksa 06.12.2013 15:08

Цитата:

Сообщение от sonntagausgang
Мне необходимо сделать матрицу из div размером 10*10

Чем таблица провинилась?

ksa 06.12.2013 15:09

Цитата:

Сообщение от sonntagausgang
Заполнить ее случайно цифрами от 1 до 9, причем так чтобы они были парными, т.е. не было лишней циферки.

Это вообще не понял... :no:

sonntagausgang 06.12.2013 15:11

нужно сделать по типу игры когда выбираешь две циферки и они совпали то из выбирать уже нельзя. Если нет то закрываются и игра идет дальше. Да насчет таблицы я и не подумал. Но в задании надо было сделать из div.
А таблицу можно сделать с помощью js

Соответственно одной циферки остаться не должно

ksa 06.12.2013 15:19

Цитата:

Сообщение от sonntagausgang
сделать по типу игры когда выбираешь две циферки и они совпали то из выбирать уже нельзя. Если нет то закрываются и игра идет дальше

Ясно...

Цитата:

Сообщение от sonntagausgang
А таблицу можно сделать с помощью js

С ДОМ можно все сделать на JS. :yes:

Rise 07.12.2013 07:51

sonntagausgang,
<style>
#outer{width:360px;line-height:30px;text-align:center;}
#outer div{float:left;width:30px;height:30px;border:1px solid #ccc;margin:2px;}
</style>

<div id="outer"></div>

<script>
var divs = [];
for (var i = 0; i < 100; i++) divs[i] = '<div>' + (i % 10) + '</div>';
divs.sort(function(){return (Math.round(Math.random()) - 0.5)});
document.getElementById('outer').innerHTML = divs.join('');
</script>


Часовой пояс GMT +3, время: 09:34.