Creé una matriz de 6 imágenes e intenté mostrarlas, pero en lugar de las imágenes obtuve el texto:

 object HTMLImageElement

 <div class="box"> <button class="button1"><img src="/img/img (1).jpg"></button> <button class="button1"><img src="/img/img (2).jpg"></button> <button class="button1"><img src="/img/img (3).jpg"></button> <button class="button1"><img src="/img/img (4).jpg"></button> <button class="button1"><img src="/img/img (5).jpg"></button> <button class="button1"><img src="/img/img (6).jpg"></button> </div> <div class="box-1"> <i id="img"><img src="/img/img (1).jpg"></i> </div>

 let buttons = document.querySelectorAll('.button1') Array.from(buttons).forEach((button) => { button.addEventListener('click', (e) => { document.getElementById('img').innerHTML = `${e.target}`; }) })