Eu tenho o seguinte código dentro do meu script:
(function() { 'use strict';
let $leftside_div = document.querySelector('.leftside-div');
let $centerside_div = document.querySelector('.centerside-div');
let $rightside_div = document.querySelector('.rightside-div');
$leftside_div.addEventListener('click', handleIncorrectAnswer, false);
$centerside_div.addEventListener('click', handleCorrectAnswer, false);
$rightside_div.addEventListener('click', handleIncorrectAnswer2, false);
const redirectToCorrectPage = () => {
window.location.href = "right-answer.html";
}
const redirectToIncorrectPage = () => { window.location.href = "wrong-answer.html"; }
function handleCorrectAnswer() {
$centerside_div.classList.replace('centerside-div', 'centerside-div-js' );
$rightside_div.classList.replace('rightside-div', 'rightside-div-js-no-display');
$leftside_div.classList.replace('leftside-div', 'leftside-div-js-no-display');
setTimeout(redirectToCorrectPage, 1000);
}
function handleIncorrectAnswer() {
$centerside_div.classList.replace('centerside-div', 'centerside-div-js' );
$rightside_div.classList.replace('rightside-div', 'rightside-div-js-no-display');
$leftside_div.classList.replace('leftside-div', 'leftside-div-js-no-display');
setTimeout(redirectToIncorrectPage, 2000);
}
function handleIncorrectAnswer2() {
$centerside_div.classList.replace('centerside-div', 'centerside-div-js' );
$rightside_div.classList.replace('rightside-div', 'rightside-div-js-no-display');
$leftside_div.classList.replace('leftside-div', 'leftside-div-js-no-display');
setTimeout(redirectToIncorrectPage, 2000);
}
})()
Existem 3 setTimeout sendo executados, no qual o da função handleCorrectAnswer está levando para uma página específica, e as funções handleIncorrectAnswer e handleIncorrectAnswer2 estão levando para uma outra única página.
Eu já tentei colocar o script na página de redirecionamento, porém, como existem duas páginas de redirecionamento, eu não consegui criar a lógica de como ela iria voltar para a página que eu desejo que ela voltasse.
A minha dificuldade que estou encontrando é o seguinte: Eu gostaria de, após realizar um setTimeout e entrar na outra página, esperar e realizar outro Timeout para redirecionar para outra página, tudo na mesma função. Existe essa possibilidade?