Jump to content
  • 0

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


DivMan
 Share

Question

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

 

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

 

 

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

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

 

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

 

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

 

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

 

При щелчке на первую ячейку или на вторую, запускается слушатель 
и если в этой ячейке, на которую кликнули, нету класса x или o,
то добавить класс x. 
 
Edited by DivMan
Link to comment
Share on other sites

15 answers to this question

Recommended Posts

  • 0
  On 10/1/2016 at 1:27 PM, by chris said:

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

Expand  

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

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

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

Link to comment
Share on other sites

  • 0
  On 10/1/2016 at 6:22 PM, DivMan said:

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

Expand  

Клика на элемент 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';
}

 

  On 10/1/2016 at 6:22 PM, DivMan said:

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

Expand  

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

Edited by by chris
upd
Link to comment
Share on other sites

  • 0
  On 10/1/2016 at 9:08 AM, andrey7287 said:

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

Expand  

почему 9?

  On 10/1/2016 at 7:07 PM, andrey7287 said:

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

Expand  

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

Link to comment
Share on other sites

  • 0
  On 10/2/2016 at 2:57 AM, DivMan said:

почему 9?

Expand  

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

 

  On 10/2/2016 at 2:57 AM, DivMan said:

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

Expand  

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

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

Link to comment
Share on other sites

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.
Note: Your post will require moderator approval before it will be visible.

Guest
Answer this question...

×   Pasted as rich text.   Paste as plain text instead

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.

 Share

×
×
  • Create New...

Important Information

We have placed cookies on your device to help make this website better. You can adjust your cookie settings, otherwise we'll assume you're okay to continue. See more about our Guidelines and Privacy Policy