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

Ваш ответ

By clicking “Отправить ответ”, you agree to our terms of service and acknowledge that you have read and understand our privacy policy and code of conduct.

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