Форум программистов
 

Восстановите пароль или Зарегистрируйтесь на форуме, о проблемах и с заказом рекламы пишите сюда - alarforum@yandex.ru, проверяйте папку спам!

Вернуться   Форум программистов > IT форум > Помощь студентам
Регистрация

Восстановить пароль

Купить рекламу на форуме - 42 тыс руб за месяц

Ответ
 
Опции темы Поиск в этой теме
Старый 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.
Mcduff вне форума Ответить с цитированием
Старый 15.10.2012, 23:41   #2
VIK_aka_TOR
Участник клуба
 
Аватар для VIK_aka_TOR
 
Регистрация: 30.01.2011
Сообщений: 1,578
По умолчанию

в скрипте не силен, но вот идейка...
сделай массив не картинок, а чисел... а массив из чисел заполняй случайно таким образом.... что бы у каждого элемента была своя пара, к примеру в одном массиве они все по порядку по парно... а во второй по принципу случайной выборки из первого запихиваешь элементы во второй... что бы они были разбросаны... или же сразу же перемешать упорядоченный попарно.. это полагаю намного проще нежели иметь дело с картинками напрямую... а уже по нажатию отображать в зависимости от числа в "ячейке" определенную картинку... да и сравнивать пара это или разные думаю легче...
пишу код не только за печеньки
VIK_aka_TOR вне форума Ответить с цитированием
Старый 16.10.2012, 15:49   #3
Mcduff
Пользователь
 
Регистрация: 31.10.2011
Сообщений: 27
По умолчанию

немного не догоняю....
Mcduff вне форума Ответить с цитированием
Старый 16.10.2012, 16:15   #4
VIK_aka_TOR
Участник клуба
 
Аватар для VIK_aka_TOR
 
Регистрация: 30.01.2011
Сообщений: 1,578
По умолчанию

попробую по иному.....
делаем изначально массив с парами и упорядоченный: 1 1 2 2 3 3 и т.д.
затем его перемешиваем получаем 6 2 4 1 и т.д.
и затем по нажатию на страничке смотрим какую кнопку(или иной элемент) нажали, с каким значением и отображаем картинку "прикрепленную" к этому номеру. на определенную цифру определенная картинка. с числами думаю легче будет чем напрямую с картинками...
пишу код не только за печеньки
VIK_aka_TOR вне форума Ответить с цитированием
Старый 17.10.2012, 10:39   #5
Mcduff
Пользователь
 
Регистрация: 31.10.2011
Сообщений: 27
По умолчанию

идею понял! работаю!
Mcduff вне форума Ответить с цитированием
Ответ


Купить рекламу на форуме - 42 тыс руб за месяц

Опции темы Поиск в этой теме
Поиск в этой теме:

Расширенный поиск


Похожие темы
Тема Автор Раздел Ответов Последнее сообщение
игра "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