Вопрос по JS+HTML

Я думаю можно реализовать что то вроде нажимаешь на этот текст (span), который был найден по document.querySelector(), на странице JS читает это (.onclick например) и потом изменяешь как innreHTML

Можешь этому span задать свойство contentEditable = true, тогда он станет редактируемым

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

Чет такое , но это добавит при нажатии ещё один класс
(сам новичек мб хня)

const menuBtn = document.querySelector('.menu__btn');
const menu = document.querySelector('.menu__list');

menuBtn.addEventListener('click', () => {
menu.classList.toggle('menu__list--active')
});