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

Рассмотрим встроенные диалоговые окна, которые позволяют выводить результаты работы программы, а также получать данные. Обратите внимание: окно можно создать только в процессе Main.

Примечание

Окно с сообщением и кнопкой OK

Метод alert() отображает модальное диалоговое окно с сообщением и кнопкой OK. В заголовке отображается название приложения из свойства name внутри файла package.json и кнопка Закрыть. Пример отображения окна после нажатия кнопки:

document.getElementById('btn1').addEventListener('click', () => {
   alert('Текст сообщения');
});

Результат показан на рис. 4.1.

Сообщение можно разбить на строки с помощью последовательности символов \n:

alert('Строка1\nСтрока2\n\nСтрока4');

Рис. 4.1. Окно с сообщением и кнопкой OK

Окно с сообщением и кнопками OK и Отмена

Метод confirm() отображает модальное диалоговое окно с сообщением и двумя кнопками OK и Отмена. Он возвращает логическое значение true, если нажата кнопка OK, и false — если Отмена. В заголовке отображается название приложения из свойства name внутри файла package.json и кнопка Закрыть. Пример отображения окна после нажатия кнопки:

document.getElementById('btn1').addEventListener('click', () => {
   if (confirm('Текст сообщения')) {
      alert('Нажата кнопка OK');
   }
   else {
      alert('Нажата кнопка Отмена');
   }
});

Результат показан на рис. 4.2.

Рис. 4.2. Окно с сообщением и кнопками OK и Отмена

Учебник по Electron js
Учебник по Electron js в формате PDF

Помощь сайту

ЮMoney (Yandex-деньги): 410011140483022

ПАО Сбербанк:
Счет: 40817810855006152256
Реквизиты банка:
Наименование: СЕВЕРО-ЗАПАДНЫЙ БАНК ПАО СБЕРБАНК
Корреспондентский счет: 30101810500000000653
БИК: 044030653
КПП: 784243001
ОКПО: 09171401
ОКОНХ: 96130
Скриншот реквизитов