Как отправить содержимое input в значение ключа объекта через addEventListener?

Виктор Майоров спасибо огромное))

Как запретить скрытие адресной строки браузера на мобильном устройстве при скролле?

не работает

Почему на телефоне в position: fixed элементе при прокрутке контент немного сдвигается вниз как будто там есть вертикальный скролл?

Станислав Спасибо огромное всё заработало

Почему на телефоне в position: fixed элементе при прокрутке контент немного сдвигается вниз как будто там есть вертикальный скролл?

Виталий Першин Спасибо огромное всё заработало

Как убрать горизонтальный скролл на мобильной версии?

arlis, Спасибо тебе большое, уже пару часов мозги мучаю над этой проблемой кто бы мог подумать что работало не корректно из за того что отсутствовал параметр user-scalable=0.

Почему не работает querySelectorAll на второй константе?

получеться в этом forEach написать ещё один forEach только для content
ведь мне нужно чтобы класс элемента менялся при нажатии на кнопку

btn.forEach(btn => {
   btn.addEventListener("click", () => {
      if (content.classList.contains("content--hidden")) {
         btn.textContent = "Скрыть";
      } else {
         btn.textContent = "Показать ещё";
      }

      content.classList.toggle("content--hidden");
   });
});

если я где-то не прав прошу поправить меня.
Можете пожалуйста написать пример или решение я совсем новичок в js пока что не представляю как это реализовать.

Консоль пишет Error: Promised response from onMessage listener went out of scope как исправить ошибку?

Сергей Сергей, реализуйте этот скрипт пожалуйста

Консоль пишет Error: Promised response from onMessage listener went out of scope как исправить ошибку?

Сергей Сергей, можете пояснить это кодом ?

Консоль пишет Error: Promised response from onMessage listener went out of scope как исправить ошибку?

Сергей Сергей, Можете тогда пожалуйста подсказать как переделать пример который работает на один элемент что бы он работал на все элементы с нужным классом?

Консоль пишет Error: Promised response from onMessage listener went out of scope как исправить ошибку?

Сергей Сергей, когда делаю действие при котором по идее должен заработать скрипт консоль в браузере выдаёт эту ошибку

Консоль пишет Error: Promised response from onMessage listener went out of scope как исправить ошибку?

Александр, Сергей Сергей, этим кодом я пытался переписать этот скрипт:

const btn = document.querySelector(".btn");
const content = document.querySelector(".content--visible");

btn.addEventListener("click", btnClick);

function btnClick() {
   console.log(content.classList);

   if (content.classList.contains("content--hidden")) {
      btn.textContent = "Скрыть";
   } else {
      btn.textContent = "Показать ещё";
   }

   content.classList.toggle("content--hidden");
}

что бы работал со всеми элементами с нужными классами а не с одним так как нужно этот функционал использовать на странице несколько раз . Он должен при нажатии на кнопку у элемента с классом content--visible убирать класс content--hidden и если у него нету класса content--hidden то должно меняться текст кнопки. При использовании на одном элементе он полностью рабочий но мне нужно сделать несколько блоков с этим скриптом. Если коротко то это кнопка показать ещё которая показывает скрытые элементы и в кнопке меняется текст показать ещё на скрыть и обратно про при каждом клике. Вот ссылка на code pen где код который описанный в вопросе: https://codepen.io/shalindor/pen/zYWqbMB
здесь: https://codepen.io/shalindor/pen/WNzwzKW рабочий вариант если сможете сделать что бы он обращался ко всем элементам с нужным классом а не только к первому буду очень благодарен так как это то что мне нужно.
Когда использую вариант где работает один элемент то ошибки нет, но к сожалению нужно чтобы работало на всех элементах с классом.

Консоль пишет Error: Promised response from onMessage listener went out of scope как исправить ошибку?

dollar, Сделано

Как сделать чтобы скрипт работал для всех классов с описаным именем?

Vladislav, держи https://codepen.io/shalindor/pen/WNzwzKW
авансом спасибо большое тебе))

Как сделать чтобы скрипт работал для всех классов с описаным именем?

Он должен при нажатии на кнопку у элемента с классом content--visible убирать класс content--hidden и если у него нету класса content--hidden то должно меняться текст кнопки. При использовании на одном элементе он полностью рабочий но мне нужно сделать несколько блоков с этим скриптом. Если коротко то это кнопка показать ещё которая показывает скрытые элементы и в кнопке меняется текст показать ещё на скрыть и обратно про при каждом клике

Как сделать чтобы скрипт работал для всех классов с описаным именем?

Первым делом это сделал перед тем как задавать вопрос если так сделать скрипт тогда вообще не запускается и консоли пишет Error: Promised response from onMessage listener went out of scope