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

Question

[unddeus]

Здравствуйте.

Меня попросили сделать тест из 5-ти вопросов. Нашёл неплохой вариант, и не знаю как добавить обычную картинку. Просто к каждому вопросу должна прилагаться картинка. Если есть варианты напишите пожалуйста!

Ниже прикрепил ссылку на codepen:

https://codepen.io/UndLegendary/pen/Baymemg

Answer 1

[Nikita Panuhin]

Не понятен вопрос, что именно вы хотите?

Картинки добавляются в основном двумя способоми:
1) Тег img: раз, два, три

пример

<img src="images/me.png" alt="me">

2) CSS свойство background-image: раз, два, три

пример

.block {
    background-image: url(images/bg.jpg);
    background-size: 100% 100%;
    background-repeat: no-repeat;
}

Также можно добавить через JS:

пример

Создание тега: (Подробнее)
let img = document.createElement("img");
Добавление аттрибутов: (Подробнее)

img.src = "path_to_img.jpg";
img.alt = "image definition";

Вставка тега в HTML (DOM): (Подробнее)

document.getElementById("where_to_paste").append(div);

Comments

[unddeus]

В данном случает вопросы добавлены через JavaScript, картинка к каждому вопросу нужна своя, поэтому добавление картинки происходит через код JavaScript

[Nikita Panuhin]

Добавлено

[unddeus]

Никита Панюхин, вы могли бы продемонстрировать данные знания на данном примере, просто я вообще не имею понятия как!