Как вернуть значение из функции после выполнения события?

Question

[starostyants]

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

function getInputResult() {
  var result = ... // здесь ожидается действия, например, клик по Cancel или Save
  if (result === 'Cancel') {
    return false;
  } else {
   return 'Сохраняем...';
  }
}

getInputResult();

Comments

[Roman Sokolov]

А если пользователь не нажмёт кнопку, функция не вернёт никакого значения.

[dollar]

Клиент всегда прав, но тут он не прав.
Негоже замораживать выполнение всех скриптов в ожидании асинхронного действия.
Если так хочется модальности с окошком Да/Нет, то используйте обычный confirm.

Answer 1

[citizen55]

а какая практическая польза от этой функции?
Почему нельзя это сделать в обработчиках событий.

Answer 2

[AngReload]

Увы, если внутри getInputResult есть что-то асинхронное, то она не сможет вернуть результат этого обратно в синхронный код. Все штуки типа промисов и await работают с колбеками или внутри асинхронных функций. И если делать что-то такое, то оно всё-равно будет поверх обработчиков событий.
Так что лучше посмотри как это делается просто с помощью навешивания обработчиков событий:

var buttonSave = document.querySelector('#save');
var buttonCancel = document.querySelector('#cancel');

buttonSave.addEventListener('click', function () {
  "сделать что-то при нажатии на сохранить"
});

buttonCancel.addEventListener('click', function () {
  "сделать что-то при нажатии на отмена"
});