Крестики нолики

[DivMan]

Почему выводит ошибку cells.addEventListener is not a function?

 

https://jsfiddle.net/958Lpcra/1/

 

 

Подправил, всё равно не работает

https://jsfiddle.net/958Lpcra/2/

 

Опять изменил и почему не работает?

 

https://jsfiddle.net/958Lpcra/3/

 

А теперь почему не работает?

 

При щелчке на первую ячейку или на вторую, запускается слушатель 

и если в этой ячейке, на которую кликнули, нету класса x или o,

то добавить класс x. 

 

https://jsfiddle.net/958Lpcra/6/

Edited January 30, 2016 by DivMan

[wwt]

мучайся дальше, лучший опыт который сам пережил )))

[DivMan]

Почему не работает третий вложенный if?

 

https://jsfiddle.net/5e0tau5w/

[andrey7287]

  Японский бог

 

  Ради всего святого, изучи делегирование ...

[DivMan]

  Японский бог

 

  Ради всего святого, изучи делегирование ...

Подзабыл про это

[DivMan]

Я сделал 

https://jsfiddle.net/a7r3pc4y/

исправил косяк https://jsfiddle.net/a7r3pc4y/1/

[andrey7287]

23 часа назад, DivMan сказал:

Я сделал

9 обработчиков  для 1ой задачи  

Edited October 1, 2016 by andrey7287

[by chris]

@DivMan, а смысл данных крестиков-нуликов? с самим собой по-пьяне играть?

[DivMan]

4 часа назад, by chris сказал:

@DivMan, а смысл данных крестиков-нуликов? с самим собой по-пьяне играть?

Я изучал, что такое делегирование 

Сделал, что бы выводилось сообщение, кто выиграл и ничью

http://plnkr.co/edit/WIVLz80xk5aQpLzWzDjW?p=preview

[andrey7287]

31 минуту назад, DivMan сказал:

Я изучал, что такое делегирование 

Иди изучай дальше, в твоем коде его нет.

[by chris]

1 час назад, DivMan сказал:

Я изучал, что такое делегирование 

Клика на элемент table достаточно

var table = document.getElementById('table');

table.onclick = function(e) {
 var node = e.target;
  
 if (node.tagName !== 'TD') {
 	node = node.parentElement;
 }
 node.style.backgroundColor = 'black';
}

 

1 час назад, DivMan сказал:

Сделал, что бы выводилось сообщение, кто выиграл и ничью

Я имел ввиду, что логика самой игры - это незнание следующего хода оппонента (человека или бота). Сейчас алгоритм крестиков-ноликов в коде отсутствует

Edited October 1, 2016 by by chris
upd

[DivMan]

16 часов назад, andrey7287 сказал:

9 обработчиков  для 1ой задачи  

почему 9?

7 часов назад, andrey7287 сказал:

Иди изучай дальше, в твоем коде его нет.

делегирование это, когда элементы делают одно и тоже 

[sigma77]

5 часов назад, DivMan сказал:

почему 9?

На каждой ячейке свой обработчик.

 

5 часов назад, DivMan сказал:

делегирование это, когда элементы делают одно и тоже

Нет, это "проваливание" событий вниз по DOM

https://learn.javascript.ru/event-delegation

[andrey7287]

16 часов назад, DivMan сказал:

делегирование это, когда элементы делают одно и тоже 

Спасибо что объяснил.

[Николя223]

меня больше смущает то что 9 месяц он их пилит. долгострой какой

[DivMan]

В 02.10.2016 в 23:44, andrey7287 сказал:

Спасибо что объяснил.

делегирование это когда событие, переходит от одного объекта к другому