Как отобразить определённую картинку в зависимости от к-ва DIV?

Question

[VPVPVP]

Задача такого плана.
Есть <div class="tasks__column"> в котором может быть 4 или 6 <div class="tasks__item">

Как сделать чтоб когда в <div class="tasks__column"> лежит 4 <div class="tasks__item">
отображалось это <img class="task_immg" src="1.png">

а когда 6-
отображалось это <img class="task_immg" src="2.png">
Ну т.е чтоб менялся путь к картинке исходя из к-ва DIV.

Comments

[Adamos]

Поставить на onload скрипт, который пересчитает дивы и назначит нужный урл.

Answer 1

[wisead]

const col = document.querySelector('.tasks__column')
const img = document.querySelector('.task__img')

if (col.children.length === 4) img.src = "1.png"
if (col.children.length === 6) img.src = "2.png"

Comments

[VPVPVP]

Спасибо большое. Правда пишет-

(index):369 Uncaught TypeError: Cannot set property 'src' of null

Что в таком случае в самой картинке нужно делать? Оставить scr пустым <img class="task_immg" src="">?

[Даниил Яковлев]

VPVPVP, это потому что он вытаскивает класс task_img, у тебя в html класс task_immg. Просто правильный класс пропиши и все должно быть ок

[VPVPVP]

Даниил Яковлев, thx