@elo-dev

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

Здравствуйте, не знаю как правильно сформулировать вопрос, но суть такая. Нужно чтобы при выборе чекбокса с картинкой, и последующим нажатием на кнопку добавить, изображение добавлялось на страницу.
Вот мои потуги:
btn.addEventListener('click', function(){
    let inputNameDeck = document.querySelector('.nameDeck').value,
        selectedCheckBoxesArchetype = document.querySelectorAll('input.input_choiceDeckArchetype:checked'),
        checkedValuesArchetype = Array.from(selectedCheckBoxesArchetype).map(cb => cb.value),
        selectedCheckBoxesHero = document.querySelectorAll('input.checkBoxAnimals:checked'),
        checkedValuesHero = Array.from(selectedCheckBoxesHero).map(cb => cb.value);
        
        if(checkedValuesArchetype == '' || inputNameDeck == ''){
            alert("Укажите данные");
        } else {
            var deck = {
                archetype: checkedValuesArchetype,
                nameDeck: inputNameDeck,
                deckHero: checkedValuesHero,
            }
        }

    let newDeck = "";
    for (let value of Object.values(deck)) {
        newDeck += `
        <p class="img_deck">
            ${value}
         </p>
        `
      }
    selectEntity.innerHTML = newDeck;
});


Картинки добавляю через JS (знаю, что криво, косо):
let selectEntity = document.getElementById("selectEntity"),
    add = "";
    for (let i = 1; i <= 41; ++i) {
    add += `<li>
                <input type="checkbox" id="checkBoxAnimals${i}" value="${i}" />
                <label id="selectEntityImg" for="checkBoxAnimals${i}">
                    <img src="allEntity/entity${i}.png">
                </label>
            </li>`;
}
selectEntity.innerHTML = add;
  • Вопрос задан
  • 117 просмотров
Пригласить эксперта
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы