<form class="feedback-form">
<textarea name="message"></textarea>
<button type="submit">Send feedback</button>
</form>
body {
margin: 16px;
}
const form = document.querySelector(".feedback-form");
const localStorageKey = "goit-example-message";
form.elements.message.value = localStorage.getItem(localStorageKey) ?? "";
form.addEventListener("input", (evt) => {
localStorage.setItem(localStorageKey, evt.target.value);
});
form.addEventListener("submit", (evt) => {
evt.preventDefault();
localStorage.removeItem(localStorageKey);
form.reset();
});
This Pen doesn't use any external JavaScript resources.