Использование и примеры confirm в javascript

Вы уже видели пример вывода confirm его обработку при загрузке страницы!!!Разберемся, что такое confirm, как его можно использовать!

Продолжаем тему "окон в javascript".

Подробно о "confirm в javascript".

1. Что такое "confirm в javascript"?
2. Использование "confirm" на сайте.

Что такое "confirm в javascript"?

Дадим определение, что такое "confirm в javascript":

"Сonfirm в javascript" - это один из способов вызвать всплывающее окно. Со своими уникальными возможностями!

Синтаксис "confirm в javascript":

var sends = confirm("Вопрос...");

Далее выведем результат работы "confirm в javascript"

alert sends;

И в зависимости от вашего ответа...либо да, либо нет, "confirm" вернет... либо true, либо false!

Разберем вывод окна "confirm в javascript":

При загрузке страницы, выводилось окно скриптом

<script>

var sends= confirm("Вам больше 18?");

if(sends==true)

{

  alert( "вам доступен данный контент" );

}

else

{

  alert( "Приходите, когда вам будет больше 18" );

}

</script>




Использование "confirm" на сайте.

Но если нам требуется использовать всплывающее окно "confirm" на сайте, по нажатию на какую-то кнопку... в качестве примера возьмем... к примеру показ какого-то контента, если человек согласился с правилами или нет...

для этого нам понадобится...

Нам нужна кнопка(button), по которой будем нажимать...

<button id="iddiv">Подтвердите согласие с правилами</button>

Далее будет какой-то контент... здесь для простоты примера, используем "display:none"

<div id="iddiv2" style="display:none">Здесь контент, который доступен после подтверждении согласия!</div>

И скрипт, который все это обработает(сегодня чет подустал...думаю, сами разберетесь... там не сложно понять логику...)...

<script>

document.addEventListener("click", function(is)

{

  if(is.target.id=="iddiv") { example =1;}

  if(example)

  {

    sends = confirm("Вы согласны с правилами сайта?");

    if(sends==true)

    {

      alert( "Открываем новый контент" );

      iddiv2.style = "display:block";

      iddiv.style = "display:none";

    }

    else

    {

      alert( "Простите... вы не согласились с правилами" );

    }

    example="";

  }

})

</script>

Результат использования "confirm" на сайте.

Подтвердите согласие с правилами
Здесь контент, который доступен после подтверждении согласия!