Javascript zum Umschalten durch Klicken auf das Bild

<div Klasse="img">
 <img src="images/1.jpg" id="myImg" class="myImg" alt="Hier ist 1.jpg">
 <p>
 <input type="button" id="pre" class="btn" value="Zurück">
 <input type="button" id="next" class="btn" value="Weiter">
 </p> 
</div>

*{
 Rand: 0;
 Polsterung: 0;
}
img{
 Körper: keiner;
}
Taste{
 Gliederung: keine;
 vertikale Ausrichtung: Mitte;
}
.img{
 Breite: 100 %;
 Rand links: automatisch;
 Rand rechts: automatisch;
 Rand oben: 20px;
 Textausrichtung: zentriert;
}
.meinImg{
 Breite: 500px;
 Höhe: 300px;
}
P{
 Textausrichtung: zentriert;
}
p .btn{
 Breite: 100px;
 Höhe: 30px;
 Hintergrund: #306bbf;
 Farbe: #fff;
 Rand oben: 20px;
 Rand unten: 20px;
}

//Tag suchen let myImg = document.getElementById("myImg");
let pre = document.getElementById("pre");
let nächstes = document.getElementById("nächstes");

//Erstellen Sie ein Array zum Speichern von Bildern let arrImg = ["images/1.jpg", "images/1-1.png", "images/3.jpg" ];
//Array-Index-Index let index=0;
//Ereignisfunktion definieren function preImg(event){
 Index--;
 //Loop-Umschaltung realisieren, wenn (Index < 0)
 {
 index=arrImg.Länge-1;
 }
 meinImg.src = arrImg[index];
}
Funktion nextImg(Ereignis){
 Index++;
 //Loop-Umschaltung realisieren, wenn (Index>arrImg.length-1)
 {
 Index = 0;
 }
 meinImg.src = arrImg[index];
}

pre.addEventListener('klicken',preImg);
weiter.addEventListener('klicken',nextImg);