Как из массива по клику получать на вывод по 2 картинки?

Question

[Владимир Юсов]

Здравствуйте. У меня есть массив картинок, мне их нужно вывести, к примеру, по 2 картинки,
не могу понять - какое условие мне нужно дописать, чтобы на вывод выводился не весь массив,
а только по 2 картинки при каждом клике. Картинки должны выводиться по порядку, по две.
мой код - https://jsfiddle.net/stic_k/g9u8mhan/37/

Comments

[Модератор]

Чтобы поблагодарить автора ответа, проголосуйте за ответ или отметьте его как решение.

Answer 1

[0xD34F]

<div class="out"></div>
<button class="btn">click me</button>

const images = [ '...', '...', /* ... */ ];
const SHOW_MORE = 2;

document.querySelector('.btn').addEventListener('click', e => {
  document.querySelector('.out').insertAdjacentHTML('beforeend', images
    .splice(0, SHOW_MORE)
    .map(n => `<div class="outImg"><img src="${n}"></div>`)
    .join('')
  );

  e.target.disabled = !images.length;
});

Answer 2

[alex]