В зависимости от номера клика вывод сообщения

winerror

Мастер
Регистрация
9 Май 2007
Сообщения
164
Реакции
32
Добрый день.
Подскажите пожалуйста как можно реализовать такую фишку:
В зависимости от номера клика - выводить определенное сообщение.
К примеру:
Кликнул первый раз - Сообщение №1
Кликнул второй раз - сообщение №2
И т.д.
И на определенном клике вывести поле, в котором нужно ответить на вопрос...
Заранее спасибо
 

Q_BASIC

Хранитель порядка
Регистрация
30 Ноя 2013
Сообщения
515
Реакции
1.187
HTML:
<a onclick="abc()">Clicker</a>
<script>
var click_count = 0;
function abc ()
{
    window.click_count++;

    switch(window.click_count)
    {
        case 1:
            alert(1);
            break;
      
        case 2:
            alert(2);
            break;

        default:
            alert('more then 2');
    }
}
</script>
 

winerror

Мастер
Регистрация
9 Май 2007
Сообщения
164
Реакции
32
HTML:
<a onclick="abc()">Clicker</a>
<script>
var click_count = 0;
function abc ()
{
    window.click_count++;

    switch(window.click_count)
    {
        case 1:
            alert(1);
            break;
     
        case 2:
            alert(2);
            break;

        default:
            alert('more then 2');
    }
}
</script>
Ага, отлично. спасибо.
Такой вопрос - на клике 8-9 вывести поле, в котором нужно ввести ответ на вопрос, а в зависимости от ответа (верно или не верно) - вывести нужную информацию.
 

mspuz

Писатель
Регистрация
26 Окт 2017
Сообщения
8
Реакции
2
Предложенный скрипт необходимо изменить:

Код:
<script>
var click_count = 0;
function abc ()
{
    window.click_count++;

    if (window.click_count === 9) {
      // здесь выводим поле для ввода ответа
    }
}
</script>

Вывести поле для ответа можно многими способами. Самый простой - изменить стиль элемента HTML, например изменив значение свойства стиля - display с none на block. Ну а с обработкой правильного ответа все немного сложнее. Либо использовать форму и php-обработчик. Либо через js, но тогда правильный ответ можно спрятать на странице HTML в поле input с параметром hidden.
 
Сверху