IGS

IGS
Вернуться к Курс

Базовый курс JavaScript

0% Завершено
0/25 Шагов
  1. 1) console.log(), Переменные
  2. 2) Типы данных, Операторы
  3. 3) Условные конструкции
  4. 4) Объекты, массивы
  5. 5) Циклы
  6. 6) Функции. Диалоговые окна
  7. 7) Результат функции. Стрелочная фукция
  8. 8) callback, find, filter
  9. 9) Введение в методы и свойства
  10. 10) Методы строк и чисел
  11. 11) Методы массивов
  12. 12) Работа с DOM
  13. 13) Элементы,HTMLCollection и NodeList
  14. 14) Создание, добавление, замена и удаление элементов. Управление атрибутами элементов. Свойство className
  15. 15) addEventListener()
  16. 16) window, event
  17. 17) Работа с формами
  18. 18) Таймеры. this
  19. JSON
  20. 19) Обработка ошибок
  21. 20) JSON, Promise, async и await
  22. 21) callBack()
  23. 22) fetch
  24. 7) Взаимодействие с DOM (Document Object Model)
  25. 23) LocalStorage, sessionStorage
Базовый курс JavaScript 6) Функции. Диалоговые окна
В прогрессе
Урок 6 из 25
В прогрессе

6) Функции. Диалоговые окна

Диалоговые окна

Для взаимодействия с пользователем в объекте window определен ряд методов, которые позволяют создавать диалоговые окна или взаимодействуют с содержимым окна:

  • alert(): выводит окно с сообщением

  • confirm(): отображает окно с сообщением, в котором пользователь должен подтвердить действие двух кнопок OK и Отмена

  • prompt(): позволяет с помощью диалогового окна запрашивать у пользователя какие-либо данные

alert

Например, с помощью метода alert() по нажатию на кнопку выведем окно с сообщением:

confirm

Метод confirm() отображает окно с сообщением, в котором пользователь должен подтвердить действие двух кнопок OK и Отмена. В зависимости от выбора пользователя метод возвращает true (если пользователь нажал OK) или false (если пользователь нажал кнопку Отмены):

prompt

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

Функции

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

				
					function имя_функции(параметры){
 
    // Инструкции
}

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

				
					имя_функции(параметры)

Функции-выражения и анонимные функции

Необязательно давать функциям определенное имя. Можно использовать анонимные функции. Такие функции при определении присваиваются константе или переменной. Эти функции еще называют функции-выражения (function expression):

				
					const message = function(){
 
    console.log("Hello JavaScript");
}
message();

Локальные функции

JavaScript позволяет определять локальные функции — функции внутри других функций. Локальные функции видно только в рамках внешней функции, в которой они определены. Например:

				
					function print(){
     
    printHello();
    printHello();
    printHello();
 
    function printHello(){
        console.log("Hello");
    }
}
print();
printHello();  // Uncaught ReferenceError: printHello is not defined - локальную функцию можно вызвать только из ее окружающей функции

Домашняя работа

Задание: Напиши функцию sum, которая принимает два числа и возвращает их сумму.

Задание: Напиши функцию isEven, которая принимает число и возвращает true, если оно чётное, и false, если нечётное.

Задание: Напиши программу, которая запрашивает у пользователя два числа через prompt и выводит их сумму.