Как остановить функцию, при попадании в catch?

Question

[reinmaker90]

Есть функция, которая добавляет анимацию загрузки при fetch, т.е пока обрабатывается запрос он крутиться:

function loading() {
    let wrr = document.querySelector(".location");
    wrr.innerHTML = `<div class="lds-roller"><div></div><div></div><div></div><div></div><div></div><div></div><div></div><div></div></div>`;
  }

Если ввести некорректное значение, то он выкидывает ошибку из блока catch:

catch((e) => {
            toast("Вы ввели некорректное значение");
            query.value = "";
            console.error(e + "ERROR&?");
          });

, но при этом лоадер крутиться дальше, как бы ожидая ответа, как его при ошибке отключить?

Answer 1

[Steppp]

if (e + "ERROR&?") {
останавливаешь лоадер
return;
}

как то так!

Comments

[reinmaker90]

для чего мне проверять на ошибку если я в блоке кетч а это уже подразумевает что у меня ошибка, "останавливаешь лоадер" -? так в том и вопрос как его остановить)или я что то не понял?

[Алексей Ярков]

reinmaker90, ну когда ошибки нет, то вы же его как-то останавливаете? Так и остановите.

[Steppp]

reinmaker90, сделай функцию как loading() , только не innerHtml, а remove(), и в catch ее вызови

function removeLoading() {
    document.querySelector(".lds-roller").remove()`;
  }

catch((e) => {
            toast("Вы ввели некорректное значение");
            query.value = "";
            removeLoading();
            console.error(e + "ERROR&?");
});

[reinmaker90]

Steppp, спасибо, на подобии того и сделал