Как изменять переменные в js по клику кнопки?

Question

[rillkoff]

Всем привет, делаю небольшой проект в образовательных целях и наткнулся на вопрос, на который не смог найти прямой ответ в интернете (или плохо искал).
Хочу добавить возможность редактировать содержимое сайта, на блоке параграфа стоит contenteditable="true", в JS есть вот такой небольшой скрипт

let counstructorAttributes = {...};
const redactBtn = document.querySelector('.redactBtn');
const mainDescription = document.querySelector('.main-description');
mainDescription.innerHTML = counstructorAttributes.main.description;
redactBtn.addEventListener('click', () => {
    counstructorAttributes.main.description = mainDescription.innerHTML;
});

где counstructorAttributes - объект, из которого строится верстка
Логика в голове проста - по клику кнопки, берется значения отредактированного параграфа и меняется значение в объекте, но после перезагрузки страницы всё возвращается как было и объект не меняется. Скрипт пока что прямолинейный, просто чтобы разобраться как работает всё это.
На счет сложности не уверен, заранее извиняюсь, если вопрос пустяковый.

Comments

[MrColdCoffee]

изменения должны применяться на стороне сервера

[rillkoff]

MrColdCoffee, можно ли это средствами например fetch реализовать или все таки нужно серверный язык подключать?

[MrColdCoffee]

rillkoff, данные должны где-то храниться, fetch делает запросы к серверу

[Rsa97]

Можно ещё в localStorage записывать, но тогда изменения будут исключительно на том компьютере и в том браузере, где они делались.

[rillkoff]

MrColdCoffee, условно если будет на сервере JSON файл с конфигурацией сайта, то я смогу fetch'ем получать его при загрузке сайта и изменять его при редактировании?

[MrColdCoffee]

Rsa97, порнография же)

[Rsa97]

MrColdCoffee, Чисто в учебных целях сойдёт для начала

Answer 1

[bqio]

1. Ознакомиться (тык)
2. Попробовать в REST (тык)