Как сделать добавление и удаление из бд firebase по нажатию одной кнопки?

Александр, только item.key вне foreach не существует

Как сделать добавление и удаление из бд firebase по нажатию одной кнопки?

Александр, да, если у них id одинаковый они удаляются и опять добавляются

Как сделать добавление и удаление из бд firebase по нажатию одной кнопки?

Александр, если в snapshot 4 записи, то когда я нажимаю еще раз на последнюю добавленную, чтобы удалить, 2 удаляются и 2 добавляются

Как сделать добавление и удаление из бд firebase по нажатию одной кнопки?

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

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

Алексей Ярков, https://codepen.io/elo-dev/pen/jOVzWLP

Почему при перезагрузке страницы, данные пропадаю, хотя сохранены в localStorage?

Если ты имел ввиду сохранять после валидации, то уже пробовал, ничего не меняется. В сам localStorage данные сохраняются, и при перезагрузке остаются там, но со страницы данные пропадают

Как реализовать валидацию?

вопрос в другом, мне нужно проверить все поля на пустоту, если они не пустые, то добавить вот это на страницу

const videoCard = `
  <div class="col mb-4">
    <div class="card">
      <img src="${url}" class="card-img-top" alt="...">
      <div class="card-body">
        <h5 class="card-title">${nameVideo.value}</h5>
        <div class="wrapper__footer-card">
          <span class="fa fa-star rating-star"></span>
          <span class="card-rate">${checkbox}</span>
          <span class="card-genere">${genere}</span>
          <span class="card-sort">${sortCheck}</span>
        </div>
      </div>
    </div>
  </div>
  `;

Если хоть одно поле пустое, то вывести ошибку что это "поле" пустое
У меня проблема в том что, если вызвать в HTML onsubmit=return validateCard()
то он не срабатывает, так как указан в скрипте e.preventDefault()
если его убрать, то при нажатии на кнопку добавить, страница перезагружается

Как вывести изображение на страницу через js?

Алексей ВальтерСкот, у меня уже прогресс, что-то появляется, но url не тот.

Как вывести изображение на страницу через js?

Алексей ВальтерСкот, а можете подробнее описать, как через data сделать

Как вывести изображение на страницу через js?

Алексей ВальтерСкот, все-таки немного не так я вас понял.

Выбираю картинки, которые уже являются чекбоксом и их я добавляю на страницу. В целом ваш код можно подстроить под мои цели, но единственное я не понимаю, как саму картинку из чекбокса выцепить

Как вывести изображение на страницу через js?

Вадим, Буду признателен

Как вывести изображение на страницу через js?

Алексей ВальтерСкот, да

Как вывести изображение на страницу через js?

Вадим, есть изображения, которые я использую, как checkbox, то есть при нажатии на картинку она checked, мне нужно сделать так, чтобы при выборе нескольких изображений и нажатии кнопки добавить, картинки добавлялись на страницу, в отдельный div блок.

Как вывести изображение на страницу через js?

Алексей ВальтерСкот, чтобы их перебрать коллекцию, вроде нужно вот так писать

let checkbox = document.querySelectorAll(‘checkbox’)

Но все равно в массив ничего не уходит, остается пустым

Как вывести изображение на страницу через js?

Вадим, нужна помощь с реализацией вывода изображения на страницу

Как выровнять текст на уровне с картинками?

Я только учусь, а что не так в вёрсткой ?

Как сделать отступы как на скрине?

Andrew,
От макета все равно отличается

Как сделать отступы как на скрине?

Шохрух Шаймардонов, ещё сильнее растягивает

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

Идет смещение вместе с иконкой

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

А как это сделать,ведь иконка является псевдоэлементом класса,который присвоен строке,наверно если двигать строку,то и иконка будет смещаться