Как отменить и снова повесить клик на ссылку?

Question

[Яна Егорова]

При клике на ссылку должна происходить анимация которая длится несколько секунда. Для того чтобы пользователь увидел анимацию и только потом перешел по ссылке при клике написала e.preventDefault() потом код с анимацией.
Но не знаю как сделать переход после того как отработала анимация. Спасибо за помощь

Answer 1

[Артур Ш]

document.location.href = e.target.getAttribute('href');

Answer 2

[Tim]

document.querySelector('a').addEventListener('click', event => {
  event.preventDefault();
  console.log('тут анимация');
  window.location.href = event.target.href;
})

Comments

[Надим]

Вот тут не факт, что event.target.href вернет то, что нужно. Ссылку надо записывать до анимации, так как в процессе самой анимации event может сто раз изменится.

[Tim]

Надим Закиров, это наглядный пример. Ну для начала код анимации желательно глянуть. С чего бы event изменится, если его не меняют? Ну и тут нужна асинхронная функция, чтоб только после анимации был переход, а не сразу