Игра: "Найди пару". - Помощь студентам

Mcduff · 15.10.2012, 22:19

Всем известная игра: разложены карты рубашками вверх. переворачиваются 2 карты, если совпадают, то убираются со стола, если нет, то остаются.

Такую игру пишу в Javascript.
Сделал таблицу (кнопочками можно выбрать кол-во карт), карты уже как бы разложены рубашками вверх.

Вот сам код (замените изображение, если не видно):

Код HTML:

<!DOCTYPE html>
<html>
<head>
<script>
function displayResult1()
{

var table=document.getElementById("myTa ble");
for(var k = document.getElementById("myTable"). rows.length; k > 0;k--)
{
document.getElementById("myTable"). deleteRow(k -1);
}
for (var i = 0; i < 4; i++){

var row=table.insertRow(0);

for (var j = 0; j <4; j++){

var cell1=row.insertCell(0);
cell1.innerHTML='<img width=80 src="rub.jpg">'; //ТУТ МОЖЕТЕ ЗАМЕНИТЬ КАРТИНКУ

}
}
}


function displayResult2()
{

var table=document.getElementById("myTa ble");
for(var k = document.getElementById("myTable"). rows.length; k > 0;k--)
{
document.getElementById("myTable"). deleteRow(k -1);
}
for (var i = 0; i < 2; i++){

var row=table.insertRow(0);

for (var j = 0; j <13; j++){

var cell1=row.insertCell(0);
cell1.innerHTML='<img width=80 src="rub.jpg">';

}
}
}


function displayResult3()
{

var table=document.getElementById("myTa ble");
for(var k = document.getElementById("myTable"). rows.length; k > 0;k--)
{
document.getElementById("myTable"). deleteRow(k -1);
}
for (var i = 0; i < 4; i++){

var row=table.insertRow(0);

for (var j = 0; j <13; j++){

var cell1=row.insertCell(0);
cell1.innerHTML='<img width=80 src="rub.jpg">';

}
}
}
</script>
</head>
<body>

<table id="myTable" border="1">

</table>
<br>
<button type="button" onclick="displayResult1()">16</button>
<button type="button" onclick="displayResult2()">26</button>
<button type="button" onclick="displayResult3()">52</button>
</body>
</html>

Дальше я немного не понимаю.
По идее можно создать функцию: при клике, картинка с рубашкой становится невидимой, а картинка с самой картой видимой. значит уже в

cell1.innerHTML='<img width=80 src="rub.jpg">';

вставляем картинку (пока невидимую) с картой.

Далее после 2-х кликов если карты совпадают, то убираются, если нет, то нет.

Меня интересует вот что.
Я МОГУ создать массив и напихать туда картинок с картами, однако
нужно, чтобы карта "запоминала свою ячейку", имела пару, и чтобы в итоге не оставалось карт без пары...
По этому поводу ничего не нашел...

VIK_aka_TOR · 15.10.2012, 23:41

в скрипте не силен, но вот идейка...
сделай массив не картинок, а чисел... а массив из чисел заполняй случайно таким образом.... что бы у каждого элемента была своя пара, к примеру в одном массиве они все по порядку по парно... а во второй по принципу случайной выборки из первого запихиваешь элементы во второй... что бы они были разбросаны... или же сразу же перемешать упорядоченный попарно.. это полагаю намного проще нежели иметь дело с картинками напрямую... а уже по нажатию отображать в зависимости от числа в "ячейке" определенную картинку... да и сравнивать пара это или разные думаю легче...

Mcduff · 16.10.2012, 15:49

немного не догоняю....

VIK_aka_TOR · 16.10.2012, 16:15

попробую по иному.....
делаем изначально массив с парами и упорядоченный: 1 1 2 2 3 3 и т.д.
затем его перемешиваем получаем 6 2 4 1 и т.д.
и затем по нажатию на страничке смотрим какую кнопку(или иной элемент) нажали, с каким значением и отображаем картинку "прикрепленную" к этому номеру. на определенную цифру определенная картинка. с числами думаю легче будет чем напрямую с картинками...

Mcduff · 17.10.2012, 10:39

идею понял! работаю!

15.10.2012, 22:19	#1
Mcduff Пользователь Регистрация: 31.10.2011 Сообщений: 27	Игра: "Найди пару". Всем известная игра: разложены карты рубашками вверх. переворачиваются 2 карты, если совпадают, то убираются со стола, если нет, то остаются. Такую игру пишу в Javascript. Сделал таблицу (кнопочками можно выбрать кол-во карт), карты уже как бы разложены рубашками вверх. Вот сам код (замените изображение, если не видно): Код HTML: <!DOCTYPE html> <html> <head> <script> function displayResult1() { var table=document.getElementById("myTa ble"); for(var k = document.getElementById("myTable"). rows.length; k > 0;k--) { document.getElementById("myTable"). deleteRow(k -1); } for (var i = 0; i < 4; i++){ var row=table.insertRow(0); for (var j = 0; j <4; j++){ var cell1=row.insertCell(0); cell1.innerHTML='<img width=80 src="rub.jpg">'; //ТУТ МОЖЕТЕ ЗАМЕНИТЬ КАРТИНКУ } } } function displayResult2() { var table=document.getElementById("myTa ble"); for(var k = document.getElementById("myTable"). rows.length; k > 0;k--) { document.getElementById("myTable"). deleteRow(k -1); } for (var i = 0; i < 2; i++){ var row=table.insertRow(0); for (var j = 0; j <13; j++){ var cell1=row.insertCell(0); cell1.innerHTML='<img width=80 src="rub.jpg">'; } } } function displayResult3() { var table=document.getElementById("myTa ble"); for(var k = document.getElementById("myTable"). rows.length; k > 0;k--) { document.getElementById("myTable"). deleteRow(k -1); } for (var i = 0; i < 4; i++){ var row=table.insertRow(0); for (var j = 0; j <13; j++){ var cell1=row.insertCell(0); cell1.innerHTML='<img width=80 src="rub.jpg">'; } } } </script> </head> <body> <table id="myTable" border="1"> </table> <br> <button type="button" onclick="displayResult1()">16</button> <button type="button" onclick="displayResult2()">26</button> <button type="button" onclick="displayResult3()">52</button> </body> </html> Дальше я немного не понимаю. По идее можно создать функцию: при клике, картинка с рубашкой становится невидимой, а картинка с самой картой видимой. значит уже в cell1.innerHTML='<img width=80 src="rub.jpg">'; вставляем картинку (пока невидимую) с картой. Далее после 2-х кликов если карты совпадают, то убираются, если нет, то нет. Меня интересует вот что. Я МОГУ создать массив и напихать туда картинок с картами, однако нужно, чтобы карта "запоминала свою ячейку", имела пару, и чтобы в итоге не оставалось карт без пары... По этому поводу ничего не нашел... Последний раз редактировалось Stilet; 15.10.2012 в 23:11.

15.10.2012, 23:41	#2
VIK_aka_TOR Участник клуба Регистрация: 30.01.2011 Сообщений: 1,578	в скрипте не силен, но вот идейка... сделай массив не картинок, а чисел... а массив из чисел заполняй случайно таким образом.... что бы у каждого элемента была своя пара, к примеру в одном массиве они все по порядку по парно... а во второй по принципу случайной выборки из первого запихиваешь элементы во второй... что бы они были разбросаны... или же сразу же перемешать упорядоченный попарно.. это полагаю намного проще нежели иметь дело с картинками напрямую... а уже по нажатию отображать в зависимости от числа в "ячейке" определенную картинку... да и сравнивать пара это или разные думаю легче... пишу код не только за печеньки

16.10.2012, 16:15	#4
VIK_aka_TOR Участник клуба Регистрация: 30.01.2011 Сообщений: 1,578	попробую по иному..... делаем изначально массив с парами и упорядоченный: 1 1 2 2 3 3 и т.д. затем его перемешиваем получаем 6 2 4 1 и т.д. и затем по нажатию на страничке смотрим какую кнопку(или иной элемент) нажали, с каким значением и отображаем картинку "прикрепленную" к этому номеру. на определенную цифру определенная картинка. с числами думаю легче будет чем напрямую с картинками... пишу код не только за печеньки

Похожие темы
Тема	Автор	Раздел	Ответов	Последнее сообщение
игра "worms", доработка игры "косынка". C#	den790	Фриланс	11	09.12.2011 10:53
Игра "Найди пару"	ЕвгенияКошелек	Помощь студентам	1	26.04.2010 23:07
Игра на С++, "найди невидимку"	dontfantazy	Помощь студентам	0	25.04.2010 21:28
при вводе на листе "магазин"- код товара появлялось "описание" товара из "склада" с "продажной ценой"	aleksei78	Microsoft Office Excel	13	25.08.2009 12:04

16.10.2012, 15:49	#3
Mcduff Пользователь Регистрация: 31.10.2011 Сообщений: 27	немного не догоняю....

17.10.2012, 10:39	#5
Mcduff Пользователь Регистрация: 31.10.2011 Сообщений: 27	идею понял! работаю!