Пример использования alert. Java Script

Содержание

Добавление скриптов на страницу. Диалоговое окно alert

Для того чтобы начать изучение JavaScript, необходимо определиться с тем, где, собственно, нужно записывать сам скрипт, т.е. код на языке JavaScript.

Делается это предельно просто для тех, кто знаком с html — а знание этого языка разметки для использования JS (т.е. JavaScript) абсолютно необходимо, равно, как и знание CSS, т.к. JavaScript работает именно с html-кодом страницы и зачастую применяет к нему ряд правил CSS, как явно, так и с использованием классов.

лабы по информатике, егэ

лабораторные работы и задачи по программированию и информатике, егэ по информатике

Javascript урок 1. Внедрение сценариев в HTML

1. Добавление сценариев Javascript в HTML

Скрипты используются в html-страницах для увеличения функциональности и возможностей взаимодействия с посетителями сайта.

Для добавления сценария на страницу HTML используется дескриптор:

Или сегодня можно использовать упрощенный вариант:

Атрибуты дескриптора:

  • type — атрибут, пришедший на замену language ; он сообщает браузеру, какой язык используется внутри дескрипторов;
  • src — атрибут определяет URL внешнего исходного JavaScript-файла, сценарий которого прикрепляется к html-странице.

Варианты применения JavaScript alert()

Организация диалога с посетителем веб-ресурса может быть исполнена различными способами, из которых использование функции JavaScript alert() является самым простым и быстрым вариантом. Особенно хорош этот вариант для целей тестирования, но на многих ресурсах применяется как естественный функционал.

Функция JavaScript alert() позволяет получить утвердительный ответ. По сути, важен не ответ, а сам факт вывода информации. Причём веб-ресурс перестаёт функционировать до тех пор, пока пользователь не откликнется. Ответ по алерту всегда один — это ответ!

В целях отладки JavaScript alert() — идеальное средство, которое позволяет быстро получить актуальную информацию, принять решение и продолжить работу. Но в целях обычного функционирования сайта у него есть также изрядное количество преимуществ.

Фиксация внимания посетителя

«Алерт» — как в жизни, формирует событие, мимо которого никак не пройти. Но это событие может и не произойти.

Редкий разработчик знает об этом обстоятельстве и мучительно долго отлаживает свой сайт в его клиентской части. При этом мало кто из разработчиков не знает: найти ошибку в клиенте, то есть в браузере, часто настолько затруднительно, что:

  • бесцельно уходят часы драгоценного времени;
  • затрачиваются неимоверные трансформации кода;
  • перелопачивается масса скриптов, на словах, достаётся и браузеру, и серверу.

А результата все нет. Ни дебаггеры не помогают, ни слова, ни встроенные во всякий браузер инструменты для отладки. Между тем ларчик всегда просто открывается — важен правильный ключик.

Простое правило правильного кода

Прежде всего, куки стали самой востребованной составляющей современного сайта. Следует никогда не забывать:

  • JavaScript alert & document cookie
  • ===
  • «здесь и сейчас» & «вообще или когда-нибудь».

Куки — это классная возможность помнить в недрах браузера о каждом клиенте, но не следует придавать этому значения в текущем сеансе. Главная забота куки: остаться в «памяти» браузера в том содержании, которое она имела на момент ухода посетителя.

Во всем остальном код скрипта в недрах браузера зависит только от самого себя и событий, которые он обрабатывает.

В данном контексте, а контекст этот здесь идеален, код не может не работать, если он написан правильно. Это идеальное правило для правильного кода. Если браузер показывает чистый экран или что-то не так делает, есть основания предполагать наличие ошибки.

Проще простого применить:

  • JavaScript alert(‘До сих пор было все правильно!’).

Самый лучший дебагер или отладчик — событие, которое обязано произойти, но не происходит.

Перемещая эту конструкцию вниз от нуля до досадного криминала в коде можно обнаружить то место, после которого она не работает. Ошибка будет найдена. JavaScript alert() — это модальное окно. Его обойти никак нельзя, и дальше ничего не будет, пока разработчик/посетитель не закроет данное окно.

Если окно не выскакивает, значит, либо оно обозначено в коде неверно, либо все, что идёт до него, содержит ошибку.

Сложная ситуация, в которой alert JavaScript вроде как не срабатывает

В основном это касается AJAX алгоритмов обмена информацией с сервером. Здесь не всегда допустимо применять классические средства отладки, а когда на стороне клиента действует многоуровневая система объектов, то отладка вообще трансформируется в сознание разработчика и никакой дебаггер не в силах помочь.

Лучший вариант алерта в процедуре общения с сервером — это див (div), в который помещается протокол общения с сервером по методу innerHTML — всегда будет ясно, на каком этапе происходит проблема.

Статический див, который всегда виден на странице — это не модальное окно от JavaScript alert. Window может не появиться, и причин для того может быть множество, причем оформленных синтаксически правильно. Язык браузера отличается предельно спокойным нравом и никогда не предпримет каких-либо действий, если чего-то не разобрал и не понял.

Статичность любого тега HTML — хороший фактор. Убрать весь код и добавлять его порциями, пока ошибка вновь не возникнет, — не самая быстрая технология для отладки. Писать правильно — совет популярный, востребованный, но не практичный.

Язык браузера — работает по событиям, его основная забота — не последовательный код, а исполнение функциональности, назначенной на теги страницы, и обработка событий.

Дополнительное правило к простому правилу

Если окно от JavaScript alert(‘До сих пор все написано правильно’) не появилось в браузере, значит, синтаксис до места, где эта конструкция записана, не вызывает у браузера сомнений и исполнен правильно.

У логики современного стиля письма есть существенный недостаток. Все файлы страницы сливаются воедино (со своей сути и типам) в одно целое, и после этого строится DOM. Порядок соединения файлов часто имеет существенное значение.

Лучше всего, когда разработчик не придает значения событийному принципу организации исполнения функций, назначенных на события, а располагает все функции в последовательности их применения и назначения на теги и события страницы.

Порядок всегда важнее всего. С остальным JavaScript разберется сам: что и когда вызывать. Современное программирование вообще и в контексте любого метода, любого высокоорганизованного объектно-ориентированного подхода в частности — всегда последовательно. Коды скриптов объединяются всегда тоже последовательно по мере описания.

Если что-то не происходит, значит: не где-то что-то не так, а только перед этим местом.

console и alert.

Всем привет! Почти в каждой статье до этой мы пользовались то объектом console и ее методом log, то функцией alert. Сегодня я решил, что не стоит оставлять эти полезности в стороне и нужно по ближе их узнать. Конечно нужно было сделать это заранее, но лучше поздно, чем ни когда. Кстати, по мимо alertа мы еще затронем две функции — prompt и confirm.
Вообще для начала определимся. Функция alert чаще нужна для пользователей, а метод console уже для нас — для разработчиков. К примеру мы просто так не сможем через alert посмотреть объект, для этого нужно мудрить, а вот console как раз для этого и подходит. НО в свою очередь в console мы можем вывести сообщение об ошибке, например «Вы не ввели логин», но пользователь не знает про консоль и так и не поймет, что же ни чего не происходит, а вот alert, как раз для этого и подойдет, он явно даст пользователю знать об ошибке. Сегодня мы и поговорим про этих двух ребят.

console.log

Начнем с того метода, с которым мы уже работали. Метод log — это часто-используемый общий метод для вывода информации в консоль. Выводит например числа, строки, объекты и тд. Данный метод поддерживает так называемые паттерны или этакие шаблоны для подстановки каких-либо значений в указанное место в строке. То есть вместо обычной строки мы можем сделать ее шаблон, меняя аргументы.
Вот список поддерживаемых паттернов:

  1. %d или %i — Выведет число
  2. %f — Выведет дробное число, то число с плавающей запятой
  3. %c — Применит css стили
  4. %s — Выведет строку
  5. %o — Выведет DOM элемент
  6. $O — Выведет JavaScript Объект
Илон Маск рекомендует:  Imagemagick или фотошоп для perl

Не забивайте себе голову, просто возможно вам это пригодится. А так давайте посмотрим пример использования паттернов в методе log, для полноты картины.

  1. console.log(‘Это число %d, а это уже строка в нашем шаблоне — %s, а это мы %cвыделили%c текст’,20, ‘гыгыгы’, ‘color:lime;’, ‘color:normal’);

В итоге мы видим в консоли следующее:

console.clear

Данный метод clear очищает нашу консоль. К примеру очистим консоль, чтобы было заметно как работает данный метод я использую таймер, консоль очистится через 5 секунд. Только не волнуйтесь, таймеры мы скоро тоже пройдем =)

  1. console.log(‘Это число %d, а это уже строка в нашем шаблоне — %s, а это мы %cвыделили%c текст’,20, ‘гыгыгы’, ‘color:lime;’, ‘color:normal’);
  2. setTimeout(function(), 5000);
  3. // Спустя 5 секунд в консоли:
  4. // Console was cleared

console.assert

С помощью данного метода мы можем проверить свой код. Например проверить действительно ли число 5 не равно числу 5. Если наш код ложный, то есть неверный, то выйдет ошибка, в противном случае ни чего не произойдет.

  1. console.assert(5 != 5);
  2. // Ошибка
  3. console.assert(5 == 5);
  4. // Пусто, значит все нормально

console.dir

Данный метод выведет JS-объект, а точнее DOM элемент в виде JS-объекта со всеми своими свойствами и методами.
Например обратимся к body и выведем его в консоль через метод log.

  1. var
  2. el = document.body;
  3. console.log(el);
  4. // Выводит тег body

А теперь выведем с помощью метода dir.

  1. var
  2. el = document.body;
  3. console.dir(el);
  4. // Выводит объект body

console.time и console.timeEnd

Данный метод покажет вам за сколько миллисекунд выполняется ваш код.
Давайте попробуем на примеру цикла for.
Для начала нужно объявить переменную и задать ей строковое значение, хотя не обязательно строковое, можно любое, можно вообще ничего не писать, это будет метка для данных двух методов.

Описание методов alert, confirm и prompt в JavaScript

В этой статье мы изучим три интересных метода, а именно методы alert(), confirm() и prompt(). Они все предназначены для взаимодействия с пользователем.

Все эти три метода принадлежат объекту window(Окно браузера). И они могут вызываться таким образом: window.название_метода(); Но, JavaScript нам позволяет этот объект window не указать, а писать просто название метода.

метод alert()

Начнём мы с метода alert(). Данный метод, выводит указанное сообщение в окошко браузера пользователя. Это окошко отобразится поверх всей страницы, и пока пользователь не нажмёт на кнопку OK, оно не закроется.

Для демонстрации выведем какое-то сообщение с помощью метода alert()

Внутри метода мы можем указать любую строку, только без html тегов. Они здесь не обрабатываются, а выводятся как есть.

Если строка, которую хотим указать очень длинная, и мы хотим сделать переход на новую строку, то здесь html тег
не сработает. Здесь нужно использовать символ ‘\n’.

Данный метод используется часто для поиска ошибки в коде.

Процесс обработки кода идёт сверху вниз, поэтому для ловли ошибки, просто пишем метод alert() в предполагаемую область, где находится ошибка. И если alert() сработал, значит до строчки, где он написан, ошибок нет.

Дальше, нужно его перенести на одну строку или больше ниже. Сохраняем изменения, опять обновляем страницу в браузере, и смотрим, если alert() сработал, значит, ошибок до строчки, где он находится, нет, в противном случае, если он не сработал, ошибка находится в строку выше той, где он сейчас находится. Таким вот образом можно найти ошибку в коде.

метод confirm()

Этот метод используется для подтверждения ответа, на какой-то вопрос. Есть только два варианта ответа, да(OK) или нет(Cancel/Отмена). Если пользователь отвечает да, то метод возвращает истину(true), иначе он возвращает лож(false).

Для примера, выведем окошко с помощью метода confirm(), где спросим пользователя ‘Вы точно хотите покинуть страницу ?’. Если пользователь ответит да, то через метод alert() выведем такое сообщение ‘Пользователь хочет покинуть страницу’, иначе выведем другое сообщение ‘Пользователь НЕ хочет покинуть страницу’.

Таким вот образом работает метод confirm(). Он может использоваться в разных случаях. Например, перед тем как удалить что-то с сайта принято спросить пользователя, уверен ли он в свои действия. Или же перед тем как отправить форму, тоже можно спросить пользователя ‘Вы все заполнили правильно ?’, если он ответит да, то форма отправиться, иначе она не отправится.

Метод prompt()

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

Как результат метод prompt() возвращает либо введённую строку, если пользователь нажал кнопку OK, либо null, если пользователь нажал на кнопку отмена.

Как параметр, то есть внутри скобок у данного метода мы можем написать указательную строку или вопрос, чтобы пользователь знал какую информацию необходимо ввести.

Например, попросим пользователя ответить на вопрос ‘Как Вас зовут?’. Введённое пользователем имя, отобразим на экран с помощью метода alert().

Сохраняем и открываем страницу в браузере.

Разумеется, в текстовое поле из метода prompt() можно ввести любую информацию. Эта информация будет возвращена как строка, даже в случае чисел или других спецсимволов.

Для примера попросим пользователя ввести две числа, чтобы потом умножить их. Будет некий калькулятор для умножения чисел.

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

Ну и на этом все. Теперь Вы знаете ещё три метода: alert(), confirm() и prompt(). Которых Вы смело можете использовать на практике.

Похожие статьи:

Понравилась статья?

Тогда поделитесь ею с друзьями и подпишитесь на новые интересные статьи.

Поделиться с друзьями:

Подписаться на новые статьи:

Поддержите пожалуйста мой проект!

Если у Вас есть какие-то вопросы или предложения, то можете писать их в комментариях или мне на почту sergiu1607@gmail.com. И если Вы заметили какую-то ошибку в статье, то прошу Вас, сообщите мне об этом, и в ближайшее время я всё исправлю.

Автор статьи: Мунтян Сергей

Копирование материалов с сайта sozdatisite.ru ЗАПРЕЩЕНО.

Дата добавления: 2020-09-07 09:17:56

jQuery Alert Dialogs — замена стандартным функциям Alert(), Confirm() и Prompt()

Плагин jQuery Alert Dialogs призван заменить основную функциональность стандартных предупреждений JavaScript, alert(), confirm(), и prompt() функций. Они полностью настраиваются с помощью CSS (это позволит выглядеть вашему сайту гораздо более привлекательно). И вы также можете настроить пользовательский заголовок для каждого диалогового окна.

Эти методы моделируют обычные модальные диалоговые окна. Они автоматически изменяют свое положение при изменении окна браузера. Если включить jQuery UI Draggable плагин, то окна можно перемещать, перетаскивая их за заголовки. В отличие от стандартных JavaScript функций, вы можете использовать HTML в сообщении. Например, чтобы задать переход на новую строку, вы можете использовать либо \n, либо .

Для работы плагина необходимы следующие скрипты:

Вызываются функции следующим образом:

* jAlert(message, [title, callback])
* jConfirm(message, [title, callback])
* jPrompt(message, [value, title, callback])

* This source code was highlighted with Source Code Highlighter .

Недостатки:
* Клавиши ENTER и ESC (подтвердить/отменить) не работают в WebKit-браузерах
* Draggable plugin на данный момент не работает в Opera
* В IE6 position: fixed не поддерживается.

Оператор alert и prompt в javascript

Создай сам → Javascript → Оператор alert и prompt в javascript

Оператор alert и prompt в javascript

Javascript — это язык программирования, который активно используется для построения динамических веб страниц. Собственно с этой целью он и был изобретен. У нашего с вами языка еще есть такое интересное название, как язык сценариев. В принципе такое название можно дать любому языку с приставкой script на конце.

Языки сценариев являются ограниченными языками программирования, и для выполнения кода, они встраиваются в другую программу. Чтобы вы понимали о чем я говорю, наведу парочку примеров.

  • ActionScript — используется только во флеш приложениях
  • VBScript — в программах MC Office
  • JavaScript — только в браузерах

Язык javascript, как и большинство языков сценария интерпретируемый язык, и как вы догадались его интерпретатором является абсолютно любой браузер. Мы лишены ручной работы компилирования исходного кода в машинный, так как за нас эту работу выполняет браузер.

Запомните раз и навсегда, для javascript очень важен регистр букв!

Во второй строке в слове getElementById буква D написана в верхнем регистре, что является в корне не правильно и ошибочно. Есть много вещей, который в том или ином языке программирования нужно знать и соблюдать. Все важные моменты я буду описывать здесь, а вы постарайтесь обращать на них внимание и делать все правильно.

Java, ActionScript, JavaScript — это все языки которое пошли от языка C, для тех, кто знает стили и синтаксис написания кода на языке «C», без проблем сможет переучиться на javascript. Так что javascript, это интерпретируемый, регистрозависимый язык основанный на языке С, он весьма актуален сейчас и интересен для изучения, а еще специалисты в этой области получают довольно таки неплохие зарплаты.

Первые строки кода в javascript

Чтобы заставить наш исходный код работать, его нужно запустить в браузере, а для того, чтобы запустить в браузере, следует создать простую веб страницу в которую мы с вами подключим внешний документ с javascript. Знание html и css в изучении скрипта не критично, но желательно. Если вы совсем не знакомы с html, рекомендую ознакомиться с моим руководством по изучению html и css.

Сейчас у меня в рабочей папке имеется два файла, html страничка, к которой подключен скрипт и собственно сам документ javascript.

У меня первый файл имеет название index и расширение стоит у него html, не важно какое название у вашего файла будет, вы можете назвать его по своему, здесь играет роль расширение файла и оно должно быть html. Вторым документом является сам исходный код javascript и он имеет расширение js, что и говорит о его принадлежности к скрипту.

Я себя приучил давать файлам имена на латинице и использовать нижний регистр, если вы сделаете тоже самое, то в будущем вам будет проще и вы избежите многих проблем. Бывает такое, что операционная система на которой вы работаете скрывает расширения файлов, тогда вам нужно посмотреть в интернете, как разрешить показывать расширения документов, чтобы вы легко ориентировались с чем работаете.

Рассмотрим наш html документ и убедимся, что там нет ничего лишнего:

Не могу вывести массив через alert

Есть массив. При попытке вывести его содержимое получаю только [object Object],[object Object]. Как это исправить?

Javascript
05.04.2020, 12:52

Как вывести массив кроме alert и document.write
Возник такой вопрос. Я в JS новичок. Есть массив из чисел. Как его вывести на экран без.

Не могу разобраться как вывести сообщение в alert
Добрый день, Подскажите как вывести сообщение об ошибке в alert Я добавляю данные о встрече в БД.

Не могу через указатель на двумерный массив вернуть все значения в другой массив
Не могу через указатель на двумерный массив вернуть все значения в другой массив возвращается.

Вывод значения переменнй через alert.. .
Есть переменная Как её вывести через onclick=»alert.

Вывести alert-ом ошибки с консоле
Здравствуйте, как можно сделать следующее Если вдруг появилась красная javascript ошибка в.

Системные диалоговые окна JavaScript

В этом уроке мы разберемся, как выводить диалоговые окна, позволяющие выводить короткие сообщения. Если вы пишете программу на JavaScript, то можете воспользоваться тремя стандартными методами для ввода и вывода данных: alert(), prompt() и confirm(). Каждое из этих диалоговых окон является синхронным и модальным, то есть выполнение кода приостанавливается на время показа такого окна и возобновляется после его закрытия.

Метод alert()

Метод alert() позволяет выводить диалоговое окно с заданным сообщением и кнопкой OK . Синтаксис соответствующего выражения имеет следующий вид:

Диалоговые окна оповещений обычно применяют, если нужно уведомить пользователя о чем-то, что он не контролирует, например об ошибке. В простейшем случае текст предупреждения, заключенный в двойные или одинарные кавычки, вводится внутри круглых скобок. Диалоговое окно, выведенное на экран методом alert() , можно убрать, щелкнув на кнопке OK . До тех пор пока вы не сделаете этого, переход к ранее открытым окнам невозможен. Методу alert() передается только одна строка — отображаемая. Чтобы отобразить многострочное сообщение, разделяйте строки символом \n :

Окно предупреждения генерируется самим браузером, поэтому внешний вид окна в различных браузерах может несколько различаться.

Примечание: Окна, обладающие свойством останавливать все последующие действия пользователя и программ, называются модальными.

На заметку: JavaScript-программисты часто вставляют вызов метода alert() в программный код с целью диагностики возникающих проблем.

Метод confirm()

Метод confirm() позволяет вывести диалоговое окно с сообщением и двумя кнопками — OK и Cancel (Отмена), благодаря чему пользователь может подтвердить или отменить некоторое действие. В отличие от метода alert() этот метод возвращает логическую величину, значение которой зависит от того, на какой из двух кнопок щелкнул пользователь. Чтобы можно было определить, какую кнопку выбрал пользователь, метод confirm() возвращает true, если был щелчок на кнопке OK , и false, если он щелкнул на кнопке Cancel (Отмена) или закрыл диалоговое окно щелчком на системной кнопке закрытия окна — X .

Синтаксис применения метода confirm() имеет следующий вид:

result — это логическое значение (true или false), указывающее, было ли выбрано OK или Cancel (Отмена).

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

В этом примере оператор if («если») получает условие (confirm(«Вы уверены?»)). Он вычисляет его, и если результат – true (пользователь щелкает на кнопке OK ), то выполняет команду и выводит сообщение: «Я очень рад, что Вы уверены!».
Блок else («иначе») выполняется если пользователь выбирает кнопку Cancel . При этом выводится оповещение: «Жаль, что Вы не уверены. «.
Этот шаблонный код часто используется, когда пользователь пытается что-либо удалить либо пкинуть веб-страницу.

Метод prompt()

Метод prompt() выводит на экран диалоговое окно, которое запрашивает у пользователя информацию. Вместе с кнопками OK и Cancel (Отмена) оно содержит текстовое поле для ввода данных. В отличие отметодов alert() и confirm() данный метод принимает два параметра: сообщение и значение, которое должно появиться в текстовом поле ввода данных по умолчанию.

Синтаксис применения метода prompt имеет следующий вид:

  • result — строка, содержащая текст, введенный пользователем, или значение null .
  • сообщение — строка текста для отображения пользователю (обычно это вопрос). Этот параметр является необязательным и может быть опущен, если в окне подсказки ничего не отображается.
  • значение по умолчанию — строка, которая отображается по умолчанию в поле ввода, обычно второй аргумент оставляют пустым и записывают так — «».

Если пользователь щелкает на кнопке OK , метод prompt() возвращает значение, введенное в текстовом поле, а если выбирается кнопка Cancel (Отмена) или окно закрывается иным образом, то возвращается null . Вот пример:

Методы объекта Window — Метод alert, prompt и confirm в javascript

Урок №2 Методы alert, prompt и confirm

Количество просмотров : 1609

Вы знаете из предыдущего урока, что объект Window глобальный. Он содержит в себе другие объекты.

Но он как объект также имеет и свои методы. Поэтому переходим к изучению методов этого объекта. С одним из них Вы уже знакомы — это метод open. Давайте рассмотрим и другие.

Метод alert — Модальное окно

С методом alert объекта Window Вы уже, возможно, встречались в сети Интернет, так как он вызывает модальное окно , и Вы наверняка подобные окна видели, посещая различные Веб-сайты.

Давайте на примере посмотрим, что это такое.

Модальное окно служит для того, чтобы привлечь к себе внимание. И пока мы его не закроем, нажав кнопку ОК , мы не сможем получить доступ к странице.

Напомним , что если мы работаем с текущим окном, то, как мы говорили ранее, объект Window можно не указывать , а сразу указать метод alert . При этом модальное окно все также появится.

Метод prompt объекта Window — Поле для ввода

С методом prompt мы будем часто работать, поэтому здесь рассмотрим и его. Он похож на alert , но отличается тем, что содержит поле для ввода , благодаря которому мы имеем возможность попросить у пользователя ввести какую-либо информацию.

Посмотрим, как работает метод prompt объекта Window .

Ту информацию, которую пользователь занесет в поле для ввода, prompt возвращает . И мы можем ее как-то использовать. Для этого информацию нужно занести в произвольную переменную. И, например, вывести её при помощи метода alert .

Давайте посмотрим, как это работает.

Метод alert выводит возвращаемую от метода prompt информацию во вновь создаваемое модальное окно , но ее же можно вывести и в текущее окно . Смотрите пример.

Или же информацию, возвращаемую от метода prompt можно вывести в новое — «Дочернее» окно, создаваемое методом open объекта Window. Смотрите пример.

Думаю, теперь Вам понятно как работает метод prompt . Осталось сказать лишь о том, что он может содержать в себе 2 параметра .

Первый параметр — это фраза (вопрос), который видит пользователь при появлении модального окна.

Второй параметр (в примерах выше мы его не вносили) — это текст или иная информация, которая будет размещена по умолчанию в поле для ввода .

И снова смотрим пример.

Метод confirm объекта Window — ОК и Отмена

Метод confirm объекта Window тоже похож на alert . Он тоже вызывает модальное окно. Но оно помимо кнопки ОК содержит кнопку Отмена .

Метод confirm в зависимости от нажатой кнопки ОК или Отмена возвращает Истину или Ложь соответственно.

Возвращаемое значение от метода confirm мы можем занести в произвольную переменную. Затем составить условие и в зависимости от значения переменной получить тот или иной результат. Смотрим пример.

Итак, в этом уроке мы рассмотрели работу трех методов объекта Window — это alert , prompt и confirm . На данном этапе изучения языка программирования JavaScript этого достаточно. Конечно, у объекта Window есть и другие методы, но мы их будем рассматривать позже.

Далее выполним Домашнее задание.

Домашнее задание — методы объекта Window

Приступаем к выполнению домашнего задания по пройденному уроку: «Методы объекта Window — Метод alert, prompt и confirm в javascript» .

Домашнее задание №1

Ваша задача написать код, который бы спрашивал у пользователя, сколько ему лет . Вы должны проанализировать полученный ответ, и если человеку больше 20 лет, то вам нужно вывести на экран фразу «Вы уже взрослый человек!» , а если меньше 20 или равно 20 , то вывести «Вы еще молоды, у Вас все впереди!» .

При этом возьмем допущение , что пользователь правильно укажет свой возраст, т.е. напишет именно число, без дополнительных символов, т.к. различные проверки мы будет учиться писать позже.

Для решения этой задачи на нужно будет вспомнить тему условий в javascript. Если точнее, то нас будет интересовать Конструкция IF-ELSE.

Что касается текущей темы, то нам нужен будет метод prompt, для того чтобы получить от пользователя какую-либо информацию и затем с нею работать, так как он вызывает модальное окно с полем для ввода информации.

Решение домашнего задания №1

Домашнее задание №2

Вам надо спросить сначала, сколько человеку лет , затем — какой сейчас год .

После этого нужно создать цикл и вывести на экран список, сколько человеку было лет 1 год назад, 2 года назад и т.д.

Например, человек ввел, что ему 30 лет, и сейчас 2010 год. Вам в итоге надо вывести на экран: В 2009 году Вам было 29 лет, В 2008 году Вам было 28 лет и т.д.

Для создания цикла можете использовать while или for , которые мы с вами прошли в предыдущих уроках.

Это домашнее задание будет иметь несколько вариантов решений:

В первом работает цикл for

Во втором цикл while

В третьем и четвертом — несколько улучшено решение задачи

Для наглядности в каждом варианте я вводил один и тот же возраст — 10 лет . И один и тот же год рождения — 2010 .

Кроме этого во всех вариантах я изменил выводимый на экран текст (он немного отличается от исходного).

Для решения этой задачи мы снова будем работать с методом prompt, то есть с окном, содержащим поле для ввода информации.

Из прошлых занятий вспомним цикл while и цикл for.

Решение домашнего задания №2 — Цикл for

В 2010 году Вы прожили — 10-ый год жизни
В 2009 году Вы прожили — 9-ый год жизни
В 2008 году Вы прожили — 8-ый год жизни
В 2007 году Вы прожили — 7-ый год жизни
В 2006 году Вы прожили — 6-ый год жизни
В 2005 году Вы прожили — 5-ый год жизни
В 2004 году Вы прожили — 4-ый год жизни
В 2003 году Вы прожили — 3-ый год жизни
В 2002 году Вы прожили — 2-ый год жизни
В 2001 году Вы прожили — 1-ый год жизни

В этом решении мы сначала создали переменные age и year , а затем открыли цикл for , в котором указали в качестве счетчика переменную age — так требует синтаксис цикла for (в круглых скобках нужно обязательно указывать счетчик).

Код можно оптимизировать , создав переменные (а заодно и счетчики) age и year внутри цикла for . Смотрите пример ниже.

Решение домашнего задания №2 — Цикл for — Оптимизация кода

В 2010 году Вы прожили — 10-ый год жизни
В 2009 году Вы прожили — 9-ый год жизни
В 2008 году Вы прожили — 8-ый год жизни
В 2007 году Вы прожили — 7-ый год жизни
В 2006 году Вы прожили — 6-ый год жизни
В 2005 году Вы прожили — 5-ый год жизни
В 2004 году Вы прожили — 4-ый год жизни
В 2003 году Вы прожили — 3-ый год жизни
В 2002 году Вы прожили — 2-ый год жизни
В 2001 году Вы прожили — 1-ый год жизни

Решение домашнего задания №2 — Цикл while

В 2010 году Вы прожили — 10-ый год жизни
В 2009 году Вы прожили — 9-ый год жизни
В 2008 году Вы прожили — 8-ый год жизни
В 2007 году Вы прожили — 7-ый год жизни
В 2006 году Вы прожили — 6-ый год жизни
В 2005 году Вы прожили — 5-ый год жизни
В 2004 году Вы прожили — 4-ый год жизни
В 2003 году Вы прожили — 3-ый год жизни
В 2002 году Вы прожили — 2-ый год жизни
В 2001 году Вы прожили — 1-ый год жизни

Решение домашнего задания №2 — Цикл while — Выводим год рождения

Здесь мы немного улучшим решение задачи, введя год рождения. В предыдущих решениях, когда переменная age становилась равной 0 , цикл останавливался, так как по условию age > 0 . Да и не имело смысла писать о нулевом годе жизни.

Вместо этого в решении лучше вывести фразу о годе рождения. Для этого нужно не только изменить условие для цикла while , но и составить условие if-else внутри него. Смотрим пример.

В 2010 году Вы прожили — 10-ый год жизни
В 2009 году Вы прожили — 9-ый год жизни
В 2008 году Вы прожили — 8-ый год жизни
В 2007 году Вы прожили — 7-ый год жизни
В 2006 году Вы прожили — 6-ый год жизни
В 2005 году Вы прожили — 5-ый год жизни
В 2004 году Вы прожили — 4-ый год жизни
В 2003 году Вы прожили — 3-ый год жизни
В 2002 году Вы прожили — 2-ый год жизни
В 2001 году Вы прожили — 1-ый год жизни
В 2000 году Вы родились.

Решение домашнего задания №2 — Цикл while — Выводим год рождения и сообщение о текущем годе жизни.

Здесь я решил ещё немного улучшить решение. Как Вы видели в примерах выше, в каждом варианте я вводил один и тот же возраст — 10 лет. И один и тот же год рождения — 2010 .

При этом первое сообщение, которое Вы видели во всех примерах: «В 2010 году Вы прожили — 10-ый год жизни» — говорит о прошедшем времени, что не совсем корректно , так как речь идет о текущем годе жизни.

Поэтому я внес кое-какие поправки в программный код JavaScript , чтобы подкорректировать этот момент. Смотрите пример ниже и попробуйте разобраться в этом.

Сейчас 2010 год и в этом году Вы проживаете 10 год жизни!
В 2009 году Вы прожили — 9-ый год жизни
В 2008 году Вы прожили — 8-ый год жизни
В 2007 году Вы прожили — 7-ый год жизни
В 2006 году Вы прожили — 6-ый год жизни
В 2005 году Вы прожили — 5-ый год жизни
В 2004 году Вы прожили — 4-ый год жизни
В 2003 году Вы прожили — 3-ый год жизни
В 2002 году Вы прожили — 2-ый год жизни
В 2001 году Вы прожили — 1-ый год жизни
В 2000 году Вы родились.

Главная Изучаем JavaScript Методы alert, prompt и confirm Введение в Функции

Ваши комментарии к уроку:

Комментарий добавил(а) : Игорь
Дата: 2020-04-18

почему-то вначале выполняются действия с операторами prompt, alert, confirm, а уже только потом печатается текст, находящийся после и перед

Понравилась статья? Поделиться с друзьями:
Кодинг, CSS и SQL