Как сделать выполнение функции только после выполнения предыдущей функции?

Question

[Ruslan Website]

Есть такой код

let player = document.querySelector('#player');

player.onclick = function () {

    let playermenu = document.createElement('playermenu');

    playermenu.id = "playermenu";
    playermenu.innerHTML = "Преместить";

    player.after(playermenu);


    playermenu.onclick = function () {
        
        playermenu.remove();

        let map = document.querySelector('#map')

        map.onclick = function (event) {

            let target = event.target;

                target.before(player);

            }
    }
}

Суть его в следующем:

1. Я нажимаю на игрока
2. Появляется меню игрока - кнопка "переместить"
3. Я нажимаю на кнопку "переместить"
4. Потом нажимаю на элемент игровой карты
5. Игрок перемещается в этот элемент с помощью .before
6. После этого момента функция по клику map.onclick не должна срабатывать пока не нажата кнопка "переместить" т.е. пока не выполнены первые три пункта.

Я не пойму как реализовать 6 пункт, map.onclick срабатывает всегда после первого срабатывания, даже без последовательности предыдущих нажатий. Я только изучаю js. Подскажите.

Answer 1

[Stalker_RED]

Так происходит потому, что после перемещения обработчик клика с map не удаляется, он продолжает работать.

Вам нужно или удалять обработчик, или добавить флаг перемещения, менять его после кнопки "переместить" и проверять при клике по map.

Comments

[Ruslan Website]

Когда я добавляю map.onclick = null; после выполнения функции, map.onclick срабатывает только один раз, и после повторного нажатия кнопки переместить больше не срабатывает.

[Ruslan Website]

Мне помогли флаги, но помимо этого в коде была куча ошибок, одни только флаги мне не помогли, потому что мой игрок появлялся на карте за счет делегирования события от родительского id=map и собственно когда он появлялся на карте с помощью .after то он становился частью этого родительского тега с id=map, и становился кликабельным не только как игрок но и как потомок id=map и мне нужно было сделать исключение для делегирования не только по флагу но и по классам.

Answer 2

[Ross Alex]

Читайте async и await в JS

Comments

[WbICHA]

Каким боком тут вообще промисы?

Answer 3

[Сергей Соколов]

Сделайте какой-то буфер, переменную.

При нажатии на "Переместить" в неё помещать игрока. Или просто true.
При нажатии на карту смотреть, есть ли что в этом буфере. Если есть - его и помещаем на карту. И очищаем буфер.