Гость
Войти | Профиль | Очистить
Целевая тема:
Создать новую тему:
Автор:
Действия ...
Форумы / HTML, JavaScript, VBScript, CSS [игнор отключен] [закрыт для гостей] / игра крестики-нолики-HTML/CSS/JS / 25 сообщений из 29, страница 1 из 2
  1  все
04.06.2014, 12:26
    #38661222
bazik87
bazik87
Гость
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
игра крестики-нолики-HTML/CSS/JS
здравствуйте уважаемые форумчане!
задали домашку, сделать игру крестики нолики,я ее написал на вижуал студио ,но почему-то фаил 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:45
    #38661270
bazile
bazile
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
игра крестики-нолики-HTML/CSS/JS
bazik87, путь к скрипту нужно указывать в атрибуте src, а не type

Код: sql
1.
<script type="text/javascript" src="JScript1.js"></script>
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
04.06.2014, 12:49
    #38661280
bazik87
bazik87
Гость
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
игра крестики-нолики-HTML/CSS/JS
а где именно?
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
04.06.2014, 12:53
    #38661288
bazik87
bazik87
Гость
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
игра крестики-нолики-HTML/CSS/JS
все ровно не получается
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
04.06.2014, 14:05
    #38661426
skyANA
skyANA
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
игра крестики-нолики-HTML/CSS/JS
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:33
    #38661468
bazik87
bazik87
Гость
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
игра крестики-нолики-HTML/CSS/JS
skyANA,а как мне разделить их на три части .js .hrml .scc - только в html код работает без проблем,спасибо,но нам надо сделать игру в 3 файлах.я делаю на visual studio2010 через C# empty web application
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
04.06.2014, 15:18
    #38661558
Програмёр
Програмёр
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
игра крестики-нолики-HTML/CSS/JS
bazik87,

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

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

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

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

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

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

и получил

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

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

и получил

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


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

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

дружище, ты завалишь даже вопрос "какой предмет сдаете"
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
21.11.2014, 12:23
    #38812992
brbrbr
brbrbr
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
игра крестики-нолики-HTML/CSS/JS
мдфв36111brbrbr, мне нужно написать любую игрушку в Бейсике, для зачёта. Вообще всё равно какую игру к примеру виселицу.
ну так ты помощи просишь или сделать работу за тебя?
если первое, то давай пример и конкретные вопросы
если второе, то озвучивай требования и бюджет
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
21.11.2014, 12:37
    #38813037
CTYDEHT
CTYDEHT
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
игра крестики-нолики-HTML/CSS/JS
Отличная статья по тому как их сделать(самое главное понять алгоритм, а там сам сможешь наваять при желании)
http://habrahabr.ru/post/209544/
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
  1  все
Форумы / HTML, JavaScript, VBScript, CSS [игнор отключен] [закрыт для гостей] / игра крестики-нолики-HTML/CSS/JS / 25 сообщений из 29, страница 1 из 2
Найденые пользователи ...
Разблокировать пользователей ...
Читали тему (0):
Читали форум (0):
Пользователи онлайн (0):
x
x
Закрыть


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