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

Ankhena, понятно, что тут верстка неправильная. Вопрос был про почему событие на инпуте всплывает до родительской кнопки. Про разметку уже писали, что она неправильная

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

Davidaa_WoW, https://codepen.io/l1nkss/pen/PoJNgwW?editors=1111 так?

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

Davidaa_WoW, если правильно понял смысл, то ничего не изменится. нужно для внутренних обработчиков добавить stopPropagation(), чтобы их события не всплывали наверх.
Было бы проще, если бы был бы пример кода на codepen или другой песочнице

Как сделать, чтобы сработал localstorage для input при перезагрузке страницы?

Возможно я ошибаюсь, но вроде не лучший вариант сейчас задавать обработчики напрямую в html.
Лучше это делать в js и вешать обработчики через addEventListener.
Например

const input = document.querySelector("#compareid_");
input.addEventListener("change", (evt) => {
    localStorage.setItem("checkbox", evt.target.checked);
})

Как сделать, чтобы сработал localstorage для input при перезагрузке страницы?

Екатерина как пытается сказать Alex_mos у вас функция load_checkbox нигде не вызывается в коде, который вы выложили.
Что ещё заметил у вас в коде:
`onchange` - должна принимать функцию ,а у вас в неё передается переменная, которая к тому же нигде не объявлена.
К тому же вы добавляете 2 обработчика `onchange` и `onclick` и они оба сработают, так сначала вызывается обработчик на click, потом на change.
Вам надо оставить 1 обработчик, скажем change.
Чтобы установить в localstorage значение, нужно передать 2 аргумента: название, значение
localStorage.setItem('checkboxValue', true)
Подробнее тут

В функцию save_checkbox не обязательно каждый раз передавать селектор, так как каждый раз у вас будет искаться этот элемент в доме.
Вы можете передать аргумент event в функция и взять значение из target'a

function save_checkbox(evt) {
  localStorage.setItem("checkbox", evt.target.checked)
}

Как передать объект в функцию в React?

Bogdnan123, Тогда не знаю. Я сейчас набросал простой компонент, который принимает этот объект и при клике вызывает эту функцию и все работает

Как передать объект в функцию в React?

Bogdnan123, да, забыл что речь про React. А вы getUserData вызываете внутри этого компонента или дальше передаете?

Как передать объект в функцию в React?

Bogdnan123, а попробуйте не деструктурировавать объект user, а просто принимать его как параметр

const UserComponent = (user) => {
    let getUserData = () => {
      getUserParams(user.age)

  return(
    //code
  )
}

Как передать объект в функцию в React?

Bogdnan123, Значит где то при передаче данных теряются данные, смотрите в этом направлении. Потому что, то что вы написали в вопросе работает. Значит проблема где то в передаче.
Могу предположить, что вам надо в эту функцию передать сам объект, потому что возможно вы пытаетесь внутри этой функции передать user.age, а он лежит в другом месте и поэтому underfined, но это предположение. Проверьте

let getUserData = (user) => {
    getUserParams(user.age)
  }

Как передать объект в функцию в React?

Bogdnan123, на jsfiddle выложите весь код, который не работает. Так проще будет

Почему не работает скрипт?

mralex37, раз у вас несколько кнопок, то необходимо воспользоваться querySelectorAll. Попробуйте вот так

const LikeButton = (e) => {
    e.target.classList.toggle('element-grid__like-button_active');
}
const buttons = [...document.querySelectorAll('.element-grid__like-button')];
buttons.forEach(button => {
  button.addEventListener("click", LikeButton)
})

Почему не работает скрипт?

mralex37, как ниже в комментарии написали, добавьте полную разметку этой кнопки. Потому что скорее всего у вас есть внутри еще один элемент и e.target ссылается на него

Почему срабатывают оба условия в цикле?

ozerovlife, ты же сравниваешь по буквенно. И буква будет сравниваться со всеми буквами в исходном слове и в один момент выполнится условие else if

Почему фон div наезжает на край?

выложи код в песочницу

Почему некорректно работает тег picture?

Нина, Скорее всего из-за того что у вас кавычка в теге

Почему некорректно работает тег picture?

Нина, а выложенный проект есть на github pages?

С чем связана ошибка?

желательно показать код

Почему browser-sync перезагружает страницу каждую секунду?

Нина, Мне кажется, что у вас где то в styles происходит зацикливание файлов(файлы изменяются) и browserSync начинает постоянно перезагружаться, но это мое мнение. Попробуйте закоментить все в этой фунции и потихоньку раскоменчивать куски и проверять. Но это мое мнение, возможно кто нибудь подскажет что нибудь получше

Почему browser-sync перезагружает страницу каждую секунду?

Нина, попробуйте убрать из функции styles закоментить часть с sourcemaps и проверить еще раз

Есть еще варианты заменить if в map?

Станислав Пономарев, тернарний оператор решение если вам надо заменить 1 значение, вариант 0xD34F с объектом мне нравится больше, так как он более универсальный