Как изменить JavaScript?

Question

[avdoshka]

Нужно сделать так, чтобы при нажатии на кнопку появлялось три картинки. У меня есть скрипт, при нажатии на три элемента появляется одна картинка. Как его переделать так, чтобы при нажатии на кнопку появлялось три картинки? Вот сам скрипт:

document.addEventListener('click', function _tmp(e) {
  let block = e.target.closest('.block');
  if (!block) return; // return прервет функцию, если кликнули не на нужный блок.

  block.classList.toggle('clicked');

  if (document.querySelectorAll('.block.clicked').image === 3) {
    // .block.clicked без пробела: Все элементы, у которых есть оба класса
    document.getElementById('hidden').style.display = "block";
    // После завершения, обработчик клика удаляется.
 var line = document.querySelector('.картинка'  );

  } else document.getElementById('hidden').style.display = "none";
});

Comments

[Andrey Vasilev]

ты пытался

[avdoshka]

Да вот сам скрипт

[Loli E1ON]

Где скрипт то?

[avdoshka]

Мне нужно сделать так что бы при включении одной картинки появлялось еще три

[Сергей Соколов]

avdoshka, здесь за вас не сделают работу, но помогут вам разобраться и научиться.
Не нужно создавать новый вопрос, всё так же плохо оформленный.

[Сергей Соколов]

avdoshka, вот приняли мою правку вашего вопроса и стал виден скрипт. Ок.
Но теперь не понятно, какая у вас там разметка HTML. Какие «ещё две» картинки показывать.
Пройдите, пожалуйста, на
jsFiddle
и сделайте там рабочий пример, чтобы как сейчас - по клику показывалась одна картинка, а рядом ещё две, которые тоже хочется показывать.
Иначе непонятно, как вам помочь.

[Арсений Матыцин]

Andrey Vasilev, я все чаще захожу, чтобы выйти. Кажется повальное «обучение» домоседов сказывается.

Answer 1

[Арсений Матыцин]

1. document.querySelectorAll этот код собирает МАССИВ элементов, если они есть.
2. Их надо перебирать, например через forEach и каждому задавать отображение.

3. Вот это дичь:

document.querySelectorAll('.block.clicked').image === 3

Если ты хочешь проверить КОЛИЧЕСТВО элементов, то вместо .image должен был использовать .length.