Alexander3928,
<!DOCTYPE html>
<html>
<head>
<title>Untitled</title>
<meta charset="utf-8">
<style type="text/css">
</style>
<script>
document.addEventListener("DOMContentLoaded", function() {
const arr_url = [
["https://picsum.photos/300/100?4"],
["https://picsum.photos/300/100?5"],
["https://picsum.photos/300/100?6"]
];
const main_box = document.querySelectorAll(".main-box");
main_box.forEach(box => box.addEventListener("click", urlImage));
function urlImage(e) {
let button = e.target.closest(".button");
if (button) this.querySelectorAll(".image").forEach((img, i) => img.src = arr_url[i]);
};
});
</script>
</head>
<body>
<div class="main-box">
<div class="box">
<button class="button">GO-1</button>
</div>
<div class="box">
<img src="https://picsum.photos/300/100?1" class="image">
<img src="https://picsum.photos/300/100?2" class="image">
<img src="https://picsum.photos/300/100?3" class="image">
</div>
</div>
</body>
</html>