вывод изображения из массива для div

Question

Нужно взять фоновое изображение для div исходя из номера текущего вопроса.

const вопросыОсновнойМассив = [
{правильныйОтвет: 4,
ссылка: "https://b1.m24.ru/c/1060947.730xp.jpg"},
{правильныйОтвет: 2,
ссылка: "https://raw.githubusercontent.com/mdn/beginner-html-site/gh-pages/images/firefox-icon.png"},
{правильныйОтвет: 3,
ссылка: "https://b1.m24.ru/c/1060984.730xp.jpg"}
];
let НомерТекущегоВопроса=0;
document.querySelector('.картинка').style.backgroundImage = `url("${вопросыОсновнойМассив[НомерТекущегоВопроса]['ссылка']}")`;

<div class="картинка"></div>

Answer 1

Все написано правильно, проверил у себя - все работает, у тебя скорее всего проблемы с отображением: проверь размеры и стили блока через инспектор хрома.

Answer 2

стили для класса .картинка не заданы. у него нулевая высота

const вопросыОсновнойМассив = [
{правильныйОтвет: 4,
ссылка: "https://b1.m24.ru/c/1060947.730xp.jpg"},
{правильныйОтвет: 2,
ссылка: "https://raw.githubusercontent.com/mdn/beginner-html-site/gh-pages/images/firefox-icon.png"},
{правильныйОтвет: 3,
ссылка: "https://b1.m24.ru/c/1060984.730xp.jpg"}
];
let НомерТекущегоВопроса=0;
document.querySelector('.картинка').style.backgroundImage = `url("${вопросыОсновнойМассив[НомерТекущегоВопроса]['ссылка']}")`;

.картинка {
    width: 100px;
    height: 100px;
}

<div class="картинка"></div>

БЛОГ НА HUSL

вывод изображения из массива для div

Ответы (2 шт):