Как inpu сохранять в state истории содержимое этого поля. History API?

Question

[Артур Белан]

Как при каждом изменении содержимого поля input сохранять в state истории содержимое этого поля.

userText.addEventListener("input", () => {
    document.getElementById("char-count").innerHTML = userText.value.length;
    saveState(userText);
});

function saveState(object) {
    history.pushState({ saved: object }, "Additional information");
}

console.log(history);

Почему не работает?
Такой пример работает, но вопрос как записать содержимое?

history.pushState({foo: 'bar'}, 'Title', '/baz.html')

Может нужно использовать JSON в foo ?

Answer 1

[Артур Белан]

Решил!
Только надо что бы не поштучно, а всё поле записывалось

userText.addEventListener("input", () => {
    document.getElementById("char-count").innerHTML = userText.value.length;
    saveState(userText.value);
});

function saveState(object) {
    let objectJson = JSON.stringify(object);
    history.pushState({ page: objectJson }, "title", "?page");
    console.log(history);
}

Comments

[Артур Белан]

Тоже решил!
Нужно функцию saveState(userText.value); вызвать не в input, а в submit