Soy nuevo en javascript, quería intentar codificar una página de galería para mi sitio web. Se supone que el script recorre las imágenes de la lista cuando se presionan los botones y muestra la seleccionada actualmente en el medio de la página. Basé este código en un reproductor de música que encontré en línea, pero por alguna razón sigo recibiendo "error de análisis: token inesperado" y "esperaba un identificador y en su lugar vi 'let'". Aquí está el código:

 let back_button = document.querySelector(".back-button"); let next_button = document.querySelector(".next-button"); let gallery_img = document.querySelector(".gallery-img"); let creation_date = document.querySelector(".creation-date"); let desc = document.querySelector(".desc"); let image_index = 0; // Define the images to display let image_list = [ { name: "miku", date: "2-9-2021", desc: "", path: "Images/Art/2d/miku.png", }, { name: "big dog", date: "8-26-2020", desc: "", path: "Images/Art/2d/big-dog.png", }, { name: "good for ur soul", date: "8-26-2020", desc: "", path: "Images/Art/2d/good-for-your-soul.png", }, ]; function loadImage(image_index) { //load a new image gallery_img.style.backgroundImage = "url(" + image_list[image_index].path + ")"; //update details creation_date.textContent = "date created: " + image_list[image_index].date; desc.textContent = "description: " + image_list[image_index].desc; } function nextImg() { //go back to the first img if the current one is last in the list if (image_index < image_index.length - 1) image_index += 1; else image_index = 0; //load the new image loadImage(image_index); } function prevImg() { //go back to the first img if the current one is last in the list if (image_index > 0) image_index += 1; else image_index = image_index.length - 1; //load the new image loadImage(image_index); } loadImage(image_index);

Y aquí está el tutorial del reproductor de música en el que basé esto.

También intenté copiar directamente todo el código del reproductor de música (html, css y js) para probar si había algún problema con mi instalación de Brackets/el código original, pero todo funcionó perfectamente, así que probablemente se deba a que me perdí algo.

También intenté agregar / jslint es6:true / en la parte superior del archivo, pero tampoco funcionó. El script también está configurado para cargarse justo antes de </body> , por lo que no creo que falte el documento.

Lo más probable es que me haya perdido algo realmente estúpido, pero si alguien pudiera ayudarme, ¡se lo agradecería mucho! :)