Почему не меняется значение поля input?

Question

[6ondawave9]

Есть фетч запрос после которого происходят некие действия:

<input type="text" id="info" class="hide" readonly>

let info = document.querySelector("#info");
function show(el) {
    el.classList.remove("hide");
}
fetch('ссылка', {
        method: 'POST',
        headers: {
            'Content-Type': 'application/json'
            },
        body: JSON.stringify(data)
    })
    .then(response => response.text())
    .then(data => console.log(data))
    .then(show(document.querySelector("#info")))
    .finally(info.value = "Вы успешно зарегестрировались! Зайдите в Ваш аккакунт");

У поля успешно удаляется класс и вообще если поменять info.value = например на console.log код отрабатывает, но при этом само info.value = не работает. Что не так?

Comments

[6ondawave9]

info.value менял так же на document.querySelector("#info"), но ничего не поменялось

Answer 1

[Чипекве]

В .finally() нужно функцию передавать.

Comments

[6ondawave9]

менял и на просто .then ничего не поменялось

[Чипекве]

.finally(() => {info.value = "Вы успешно зарегестрировались! Зайдите в Ваш аккакунт"});

[6ondawave9]

Чипекве, не помогло

[Чипекве]

Ошибки есть? Запрос вообще успешно выполняется?

И действия не требуется разносить по разным .then()

.then(data => {
    console.log(data);
    show(info);
    info.value = "Вы успешно зарегестрировались! Зайдите в Ваш аккакунт";
  });

[6ondawave9]

Чипекве, ошибок нет, запрос выполняется

[Чипекве]

Вот пример, что всё работает: https://codesandbox.io/s/delicate-haze-mc9pll

[Квазиморд Сидорович]

Чипекве, Шах и мат! Великолепно!