0

Есть таблица c 4 ячейками и два текста ("Text 1" и "Text 2").
При клике на каждую ячейку в ней последовательно появляется сначала "Text 1", затем "Text 2" и так до тех пор, пока все ячейки не будут заполнены. При клике на уже "кликнутую ячейку" ничего не произойдёт: текст появляется только при клике на пустую ячейку.

Мне нужно: если в ячейке с1 и с2 есть либо два "Text 1", либо два "Text 2" (то есть в ячейках с1 и с2 есть только Text 1 (в каждой) или Text 2 (в каждой)), то пользователь, кликая на другие ячейки, не может получать того же эффекта, которого получал ранее.

Надеюсь, что сможете мне помочь решить эту проблему, заранее большое спасибо.

    var steps = {"Text 1":"Text 2", "Text 2":"Text 1"}; 
    var current = "Text 1";
   function onClick(sender) {
      if (sender.innerText == ""){
        sender.innerHTML = current; 
        current = steps[current];
        }}
    </script>

<table border="1" cellpadding="50px;">
    <tbody>
    <tr>
        <td id="c1" class="cell" onclick="onClick(this);"></td>
        <td id="c2" class="cell" onclick="onClick(this);"></td>
    </tr>
    <tr>    
        <td id="c3" class="cell" onclick="onClick(this);"></td>
        <td id="c4" class="cell" onclick="onClick(this);"></td>
    </tr>
    </tbody>
</table>

Ссылка на fiddle: https://jsfiddle.net/anvolvolckov/b1j3sm3b/#&togetherjs=AvDy3NPzhA

5
  • Я не понимаю вот этой фразы: "пользователь, кликая на другие ячейки не может получать того же эффекта, которого получал ранее"... А что должно происходить?
    – cyadvert
    Commented 8 янв. 2016 в 1:30
  • @cyadvert, игра закончилась :-) крестики нолики же, не узнали? :)
    – Grundy
    Commented 8 янв. 2016 в 7:27
  • тогда что ж таблица 2х2? И почему речь идет только о c1 и c2?
    – cyadvert
    Commented 8 янв. 2016 в 7:31
  • @cyadvert, а это потому что пример :-) посмотрите остальные вопросы автора :) Например: Смена значения переменной вполне себе 3*3
    – Grundy
    Commented 8 янв. 2016 в 7:53
  • @Grundy, вы абсолютно правы!
    – A.Hall
    Commented 8 янв. 2016 в 11:00

1 ответ 1

1

В начало функции onClick нужно добавить нужную вам проверку:

if ((document.getElementById("c1").innerHTML === "Text 1"
 && document.getElementById("c2").innerHTML === "Text 1") ||
    (document.getElementById("c1").innerHTML === "Text 2"
 && document.getElementById("c2").innerHTML === "Text 2")) {
 return;
}

Ссылка на jsfiddle

1
  • Да, это то, что нужно! Спасибо большое!
    – A.Hall
    Commented 8 янв. 2016 в 11:00

Ваш ответ

Нажимая «Отправить ответ», вы соглашаетесь с условиями пользования и подтверждаете, что прочитали политику конфиденциальности.

Всё ещё ищете ответ? Посмотрите другие вопросы с метками или задайте свой вопрос.