Как по клику на элементе из одного блока поменять background-image на картинке из второго блока?

Question

[verstak2020]

Через цикл наверное как то можно сделать.
Есть к примеру 3 элемента в одном блоке, и есть картинка в другом блоке, вот нужно, что бы по клику по первому (2ому и т.д.) элементу из первого блока, менялась картинка

ul.block-1
 li
  a.item //1 элемент
 li
  a.item //2 элемент
 li
  a.item //3 элемент

.block-2
  img.pic //Картинка 1

Я это вижу так, ну что то мне подсказывает тут дичь какая то написана))

function changeAttr() {
    var items = document.querySelectorAll('.item');
    var images = document.querySelectorAll('.image');
    for (var i = 0; i < items.length; i++) {
        items[i].on('click', function () {
            images[i].attr('src', '"images/pic" + [i] + ".jpg"');
        })
    }
}

changeAttr();

Comments

[verstak2020]

Moon Presence, да, верно, есть к примеру 3 элемента в одном блоке, и есть 3 картинки в другом блоке, вот нужно, что бы по клику по первому (2ому и т.д.) элементу из первого блока, менялась первая (2я и т.д.) картинка из второго блока

ul.block-1
 li
  a.item //1 элемент
 li
  a.item //2 элемент
 li
  a.item //3 элемент

ul.block-2
 li
  img.pic //Картинка 1
 li
  img.pic //Картинка 2
 li
  img.pic //Картинка 3