ReSQL.ru
     
powered by simpleCommunicator - 2.0.59     © 2025 Programmizd 02
Мобильная версия    Контакт    Правила    FAQ    Помощь
Целевая тема:
Создать новую тему:
Автор:
Закрыть
Цитировать
Доб. в избранное | Игнор. тему | Прикреп. тему | Пометить прочит. / непрочит. | Фильтр
Форумы / HTML, JavaScript, VBScript, CSS [игнор отключен] [закрыт для гостей] / игра крестики-нолики-HTML/CSS/JS
29 сообщений из 29, показаны все 2 страниц
  все  
игра крестики-нолики-HTML/CSS/JS
    #38661222
bazik87
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
bazik87
Гость
здравствуйте уважаемые форумчане!
задали домашку, сделать игру крестики нолики,я ее написал на вижуал студио ,но почему-то фаил HTML не видит JS
прошу помочь,
заранее благодорю.
вот сам код HTML:
<html>
<head>
<title>9104 אלכס בזיקלו</title>
<link rel="stylesheet" type="text/css" href="styleSheet1.css"/>
<script type="JScript1.js"></script>
</head>

<body>
<div id ="box">
<input type="button" id ="btn1" onclick=" clickBtn('btn1')"/>
<input type="button" id ="btn2" onclick=" clickBtn('btn2')"/>
<input type="button" id ="btn3" onclick=" clickBtn('btn3')"/>
<input type="button" id ="btn4" onclick=" clickBtn('btn4')"/>
<input type="button" id ="btn5" onclick=" clickBtn('btn5')"/>
<input type="button" id ="btn6" onclick=" clickBtn('btn6')"/>
<input type="button" id ="btn7" onclick=" clickBtn('btn7')"/>
<input type="button" id ="btn8" onclick=" clickBtn('btn8')"/>
<input type="button" id ="btn9" onclick=" clickBtn('btn9')"/>

</div>
<input type ="button" id="btnReset" onclick ="reset()"
value="NEW GAME"/>

</body>
</html>
JS:

var player = 1;
function clickBtn(btn) {
if (player == 1) {
document.getElementById(btn).value = "X";
document.getElementById(btn).disabled = "disabled";
player -= 1;
} else {
document.getElementById(btn).value = "O";
document.getElementById(btn).disabled = "disabled";
player += 1;

}

}

function winner() {
if (
document.getElementById("btn1").value == "X" &&
document.getElementById("btn2").value == "X" &&
document.getElementById("btn3").value == "X" ||
document.getElementById("btn4").value == "X" &&
document.getElementById("btn5").value == "X" &&
document.getElementById("btn6").value == "X" ||
document.getElementById("btn7").value == "X" &&
document.getElementById("btn8").value == "X" &&
document.getElementById("btn9").value == "X" ||
document.getElementById("btn1").value == "X" &&
document.getElementById("btn4").value == "X" &&
document.getElementById("btn7").value == "X" ||
document.getElementById("btn2").value == "X" &&
document.getElementById("btn5").value == "X" &&
document.getElementById("btn8").value == "X" ||
document.getElementById("btn3").value == "X" &&
document.getElementById("btn6").value == "X" &&
document.getElementById("btn9").value == "X" ||
document.getElementById("btn1").value == "X" &&
document.getElementById("btn5").value == "X" &&
document.getElementById("btn9").value == "X" ||
document.getElementById("btn3").value == "X" &&
document.getElementById("btn5").value == "X" &&
document.getElementById("btn7").value == "X"
) {
alert("The winner is X!");
reset();
} else if (
document.getElementById("btn1").value == "O" &&
document.getElementById("btn2").value == "O" &&
document.getElementById("btn3").value == "O" ||
document.getElementById("btn4").value == "O" &&
document.getElementById("btn5").value == "O" &&
document.getElementById("btn6").value == "O" ||
document.getElementById("btn7").value == "O" &&
document.getElementById("btn8").value == "O" &&
document.getElementById("btn9").value == "O" ||
document.getElementById("btn1").value == "O" &&
document.getElementById("btn4").value == "O" &&
document.getElementById("btn7").value == "O" ||
document.getElementById("btn2").value == "O" &&
document.getElementById("btn5").value == "O" &&
document.getElementById("btn8").value == "O" ||
document.getElementById("btn3").value == "O" &&
document.getElementById("btn6").value == "O" &&
document.getElementById("btn9").value == "O" ||
document.getElementById("btn1").value == "O" &&
document.getElementById("btn5").value == "O" &&
document.getElementById("btn9").value == "O" ||
document.getElementById("btn3").value == "O" &&
document.getElementById("btn5").value == "O" &&
document.getElementById("btn7").value == "O"
) {
alert("The winner is O!");
reset();

}
function reset() {
document.getElementById("btn1").value = "";
document.getElementById("btn2").value = "";
document.getElementById("btn3").value = "";
document.getElementById("btn4").value = "";
document.getElementById("btn5").value = "";
document.getElementById("btn6").value = "";
document.getElementById("btn7").value = "";
document.getElementById("btn8").value = "";
document.getElementById("btn9").value = "";
document.getElementById("btn1").disabled = "";
document.getElementById("btn2").disabled = "";
document.getElementById("btn3").disabled = "";
document.getElementById("btn4").disabled = "";
document.getElementById("btn5").disabled = "";
document.getElementById("btn6").disabled = "";
document.getElementById("btn7").disabled = "";
document.getElementById("btn8").disabled = "";
document.getElementById("btn9").disabled = "";


}
CSS:

#box
{ width:310px;
height:310px;
border:1px solid grey;
}

input
{
width:100px;
height:100px;
border:none;
font-size:70px;

}
#btnReset
{
width:310px;
height:100px;
border:none;
font-size:20px;

}
...
Рейтинг: 0 / 0
04.06.2014, 12:26
| Ответить | Цитировать | Написать  
игра крестики-нолики-HTML/CSS/JS
    #38661270
bazile
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
bazile
Участник
bazik87, путь к скрипту нужно указывать в атрибуте src, а не type

Код: sql
1.
<script type="text/javascript" src="JScript1.js"></script>
...
Рейтинг: 0 / 0
04.06.2014, 12:45
| Ответить | Цитировать | Написать  
игра крестики-нолики-HTML/CSS/JS
    #38661280
bazik87
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
bazik87
Гость
а где именно?
...
Рейтинг: 0 / 0
04.06.2014, 12:49
| Ответить | Цитировать | Написать  
игра крестики-нолики-HTML/CSS/JS
    #38661288
bazik87
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
bazik87
Гость
все ровно не получается
...
Рейтинг: 0 / 0
04.06.2014, 12:53
| Ответить | Цитировать | Написать  
игра крестики-нолики-HTML/CSS/JS
    #38661426
Фотография skyANA
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
skyANA
Участник
bazik87, переписать всё нах!
Код: javascript
1.
2.
3.
4.
5.
6.
7.
8.
9.
10.
11.
12.
13.
14.
15.
16.
17.
18.
19.
20.
21.
22.
23.
24.
25.
26.
27.
28.
29.
30.
31.
32.
33.
34.
35.
36.
37.
38.
39.
40.
41.
42.
43.
44.
45.
46.
47.
48.
49.
50.
51.
52.
53.
54.
55.
56.
57.
58.
59.
60.
61.
62.
63.
64.
65.
66.
67.
68.
69.
70.
71.
72.
73.
74.
75.
76.
77.
78.
79.
80.
81.
82.
83.
84.
85.
86.
87.
88.
89.
90.
91.
92.
93.
94.
95.
96.
97.
98.
99.
100.
101.
102.
<!DOCTYPE HTML>
<html>
<head>
  <style>
    #box {
      border: 1px solid grey;
      height: 312px;
      width: 312px;
    }

    #box input {
      border: none;
      float: left;
      font-size: 70px;
      height: 100px;
      margin: 2px;
      width: 100px;
    }
    
    #resetButton {
      border: 1px solid grey;
      font-size: 20px;
      height: 100px;
      width: 314px;
    }
  </style>
  <title>9104 &#1488;&#1500;&#1499;&#1505; &#1489;&#1494;&#1497;&#1511;&#1500;&#1493;</title>
</head>
<body>
  <div id="box">
    <input type="button" onclick="onClick(this)" />
    <input type="button" onclick="onClick(this)" />
    <input type="button" onclick="onClick(this)" />
    <input type="button" onclick="onClick(this)" />
    <input type="button" onclick="onClick(this)" />
    <input type="button" onclick="onClick(this)" />
    <input type="button" onclick="onClick(this)" />
    <input type="button" onclick="onClick(this)" />
    <input type="button" onclick="onClick(this)" />
  </div>
  <input type="button" id="resetButton" onclick="reset()" value="NEW GAME" />
  <script>
    var gameBox = document.getElementById('box'), playerIndex = 1, players = ['O','X'], resultValues = [],
        winningCombinations = [[0, 1, 2], [3, 4, 5], [6, 7, 8], [0, 3, 6], [1, 4, 7], [2, 5, 8], [0, 4, 8], [2, 4, 6]];
      
    function isWinning(value) {
      var combination, i, j;
        
      for (i = 0; i < winningCombinations.length; i++) {
        combination = winningCombinations[i];
          
        for (j = 0; j < combination.length; j++) {
          if (resultValues[combination[j]] != value) break;
        }
          
        if (j == 3) return true;
      }
        
      return false;
    }

    function reset() {
      var i, inputs = gameBox.getElementsByTagName('input');
      
      // Reset game cells
      for (i = 0; i < inputs.length; i++) {
        inputs[i].disabled = inputs[i].value = '';
      }
       
      playerIndex = 1;
      resultValues = [];
    }

    function resetIfWinnerFound() {
      var i, inputs = gameBox.getElementsByTagName('input');

      // Map cell values       
      for (i = 0; i < inputs.length; i++) {
        resultValues[i] = inputs[i].value;
      }
        
      // Check players
      for (i = 0; i < players.length; i++) {
        if (isWinning(players[i])) {
          alert('The winner is '+ players[i] + '!');
          reset();
          return;
        }
      }
    }

    function onClick(sender) {
      sender.disabled = "disabled";
      sender.value = players[playerIndex];

      playerIndex == 1 ? playerIndex-- : playerIndex++;
        
      resetIfWinnerFound();
    }
  </script>
</body>
</html>
...
Рейтинг: 0 / 0
04.06.2014, 14:05
| Ответить | Цитировать | Написать  
игра крестики-нолики-HTML/CSS/JS
    #38661468
bazik87
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
bazik87
Гость
skyANA,а как мне разделить их на три части .js .hrml .scc - только в html код работает без проблем,спасибо,но нам надо сделать игру в 3 файлах.я делаю на visual studio2010 через C# empty web application
...
Рейтинг: 0 / 0
04.06.2014, 14:33
| Ответить | Цитировать | Написать  
игра крестики-нолики-HTML/CSS/JS
    #38661558
Програмёр
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Програмёр
Участник
bazik87,

что-то много текста для такой простой игрушки. Вот за пол часа накиданная игра "4 в ряд"...
Точнее даже не 4 в ряд, а сколько угодно в ряд на поле произвольных размеров :)
...
Рейтинг: 0 / 0
04.06.2014, 15:18
| Ответить | Цитировать | Написать  
игра крестики-нолики-HTML/CSS/JS
    #38661567
Фотография skyANA
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
skyANA
Участник
bazik87skyANA,а как мне разделить их на три части .js .hrml .scc - только в html код работает без проблем,спасибо,но нам надо сделать игру в 3 файлах.я делаю на visual studio2010 через C# empty web applicationНа фиг тут Empty Web Application? Тут нужен Empty Web Site.

Лови zip-архив, студент!
...
Рейтинг: 0 / 0
04.06.2014, 15:25
| Ответить | Цитировать | Написать  
игра крестики-нолики-HTML/CSS/JS
    #38661569
Фотография skyANA
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
skyANA
Участник
Програмёрbazik87,

что-то много текста для такой простой игрушки. Вот за пол часа накиданная игра "4 в ряд"...
Точнее даже не 4 в ряд, а сколько угодно в ряд на поле произвольных размеров :)Хрень.
...
Рейтинг: 0 / 0
04.06.2014, 15:27
| Ответить | Цитировать | Написать  
игра крестики-нолики-HTML/CSS/JS
    #38661588
Програмёр
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Програмёр
Участник
skyANAПрограмёрbazik87,

что-то много текста для такой простой игрушки. Вот за пол часа накиданная игра "4 в ряд"...
Точнее даже не 4 в ряд, а сколько угодно в ряд на поле произвольных размеров :)Хрень.
в каком смысле хрень? Что там такого хренового
...
Рейтинг: 0 / 0
04.06.2014, 15:37
| Ответить | Цитировать | Написать  
игра крестики-нолики-HTML/CSS/JS
    #38661651
Фотография skyANA
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
skyANA
Участник
ПрограмёрskyANAпропущено...
Хрень.
в каком смысле хрень? Что там такого хреновогоЗадал конфигурацию
Код: javascript
1.
var config = { x: 3, y: 3, inRow: 3 };

и получил
...
Рейтинг: 0 / 0
04.06.2014, 16:32
| Ответить | Цитировать | Написать  
игра крестики-нолики-HTML/CSS/JS
    #38661654
Фотография skyANA
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
skyANA
Участник
а не крестики-нолики
...
Рейтинг: 0 / 0
04.06.2014, 16:33
| Ответить | Цитировать | Написать  
игра крестики-нолики-HTML/CSS/JS
    #38661659
bazik87
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
bazik87
Гость
skyANA,огромное тебе спасибо,только ты можешь скинуть вес проект в ZIP фаиле?
...
Рейтинг: 0 / 0
04.06.2014, 16:36
| Ответить | Цитировать | Написать  
игра крестики-нолики-HTML/CSS/JS
    #38661662
Фотография skyANA
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
skyANA
Участник
bazik87, а это и есть весь проект. Ты его распакуй в папку с названием TicTacToeSite и открой папку в студии так: File - Open - Web Site...

Или воспользуйся сочетаним клавиш Shift+Alt+O.
...
Рейтинг: 0 / 0
04.06.2014, 16:39
| Ответить | Цитировать | Написать  
игра крестики-нолики-HTML/CSS/JS
    #38661666
Фотография skyANA
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
skyANA
Участник
bazik87, если же жуть как хочется web application, то читай хелп: Walkthrough: Converting a Web Site Project to a Web Application Project in Visual Studio .
...
Рейтинг: 0 / 0
04.06.2014, 16:43
| Ответить | Цитировать | Написать  
игра крестики-нолики-HTML/CSS/JS
    #38661690
bazik87
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
bazik87
Гость
THANK YOU,skyANA!!!
...
Рейтинг: 0 / 0
04.06.2014, 16:55
| Ответить | Цитировать | Написать  
игра крестики-нолики-HTML/CSS/JS
    #38661735
Програмёр
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Програмёр
Участник
skyANAПрограмёрпропущено...

в каком смысле хрень? Что там такого хреновогоЗадал конфигурацию
Код: javascript
1.
var config = { x: 3, y: 3, inRow: 3 };

и получил

А где ты видишь у меня автоматическую генерацию html? ) я её не генерировал. Я же набросок для автора кидал. Так сказать идею универсальности показывал :) А то скажут ему "доработай для игры на поле 6*6" и что он делать то будет? ещё 27 контроллов докидывать и вписывать в код? А потом ещё несколько сотен вариантов выигрыша вбивать?

вот не "хрень".
...
Рейтинг: 0 / 0
04.06.2014, 17:30
| Ответить | Цитировать | Написать  
игра крестики-нолики-HTML/CSS/JS
    #38661795
Фотография skyANA
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
skyANA
Участник
ПрограмёрskyANAпропущено...
Задал конфигурацию
Код: javascript
1.
var config = { x: 3, y: 3, inRow: 3 };

и получил

А где ты видишь у меня автоматическую генерацию html? ) я её не генерировал. Я же набросок для автора кидал. Так сказать идею универсальности показывал :) А то скажут ему "доработай для игры на поле 6*6" и что он делать то будет?Бла бла бла
...
Рейтинг: 0 / 0
04.06.2014, 18:06
| Ответить | Цитировать | Написать  
игра крестики-нолики-HTML/CSS/JS
    #38661810
Програмёр
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Програмёр
Участник
skyANAПрограмёрпропущено...


А где ты видишь у меня автоматическую генерацию html? ) я её не генерировал. Я же набросок для автора кидал. Так сказать идею универсальности показывал :) А то скажут ему "доработай для игры на поле 6*6" и что он делать то будет?Бла бла бла

O_o
ммм...?
...
Рейтинг: 0 / 0
04.06.2014, 18:18
| Ответить | Цитировать | Написать  
игра крестики-нолики-HTML/CSS/JS
    #38812051
мдфв36111
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
мдфв36111
Гость
помогите написать игру виселицу в вижуал студио
...
Рейтинг: 0 / 0
20.11.2014, 15:29
| Ответить | Цитировать | Написать  
игра крестики-нолики-HTML/CSS/JS
    #38812098
brbrbr
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
brbrbr
Участник
мдфв36111помогите написать игру виселицу в вижуал студио
Давай пример, рассказывай какие проблемы.
...
Рейтинг: 0 / 0
20.11.2014, 15:59
| Ответить | Цитировать | Написать  
игра крестики-нолики-HTML/CSS/JS
    #38812429
мдфв36111
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
мдфв36111
Гость
brbrbr, мне нужно написать любую игрушку в Бейсике, для зачёта. Вообще всё равно какую игру к примеру виселицу.
...
Рейтинг: 0 / 0
20.11.2014, 20:04
| Ответить | Цитировать | Написать  
игра крестики-нолики-HTML/CSS/JS
    #38812465
Фотография Antonariy
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Antonariy
Участник
мдфв36111в Бейсикеименно поэтому ты написал в раздел html/js/css?

дружище, ты завалишь даже вопрос "какой предмет сдаете"
...
Рейтинг: 0 / 0
20.11.2014, 20:51
| Ответить | Цитировать | Написать  
игра крестики-нолики-HTML/CSS/JS
    #38812992
brbrbr
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
brbrbr
Участник
мдфв36111brbrbr, мне нужно написать любую игрушку в Бейсике, для зачёта. Вообще всё равно какую игру к примеру виселицу.
ну так ты помощи просишь или сделать работу за тебя?
если первое, то давай пример и конкретные вопросы
если второе, то озвучивай требования и бюджет
...
Рейтинг: 0 / 0
21.11.2014, 12:23
| Ответить | Цитировать | Написать  
игра крестики-нолики-HTML/CSS/JS
    #38813037
CTYDEHT
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
CTYDEHT
Участник
Отличная статья по тому как их сделать(самое главное понять алгоритм, а там сам сможешь наваять при желании)
http://habrahabr.ru/post/209544/
...
Рейтинг: 0 / 0
21.11.2014, 12:37
| Ответить | Цитировать | Написать  
Период между сообщениями больше года.
игра крестики-нолики-HTML/CSS/JS
    #39490341
kpishnik
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
kpishnik
Гость
skyANA,

Здравствуйте!
Не подскажете ли новичку, как у вашем варианте крестиков-ноликов сделать проверку на ничью? был бы очень благодарен :)
...
Рейтинг: 0 / 0
17.07.2017, 18:25
| Ответить | Цитировать | Написать  
игра крестики-нолики-HTML/CSS/JS
    #39490503
Фотография skyANA
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
skyANA
Участник
kpishnik,

уточните как должна выглядеть проверка на ничью.
...
Рейтинг: 0 / 0
18.07.2017, 09:02
| Ответить | Цитировать | Написать  
игра крестики-нолики-HTML/CSS/JS
    #39491229
kpishnik
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
kpishnik
Гость
skyANA,

Просто чтобы проверяло нажаты ли все 9 кнопок(все поле заполнено),и не найден победитель,= alert('ничья').
Я думаю как-то так?Но у меня не получается так сделать...
Спасибо что отозвались!
...
Рейтинг: 0 / 0
18.07.2017, 22:47
| Ответить | Цитировать | Написать  
игра крестики-нолики-HTML/CSS/JS
    #39493126
kpishnik
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
kpishnik
Гость
skyANA,

поможете с ничьей?
...
Рейтинг: 0 / 0
21.07.2017, 18:46
| Ответить | Цитировать | Написать  
29 сообщений из 29, показаны все 2 страниц
  все  
Форумы / HTML, JavaScript, VBScript, CSS [игнор отключен] [закрыт для гостей] / игра крестики-нолики-HTML/CSS/JS
Найденые пользователи ...
Разблокировать пользователей ...
Читали тему (0):
Читали форум (0):
Пользователи онлайн (0):
Польз. соглашение
NoSQL.ru       Новости, Чат       Фотоальбом: Участники, Встречи
Закрыть
start [/forum/topic.php?all=1&fid=22&tid=1444537]:
 0ms
get settings:
 8ms
get forum list:
 14ms
check forum access:
 4ms
check topic access:
 4ms
track hit:
 76ms
get topic data:
 9ms
get forum data:
 3ms
get page messages:
 60ms
get tp. blocked users:
 1ms
others: 229ms
total:  408ms
созд. / загр.: 408ms
x
x
Закрыть


Просмотр
0 / 0
Close
Debug Console [Select Text]