Javascript Lezione 44

<script>
    let immagini = Array.from(document.getElementsByTagName("img"));
    let dropDownImmagini = document.createElement("select");
    dropDownImmagini.id="elencoImmagini";

    immagini.forEach((immagine,indice) => {
      let option = document.createElement("option");
      option.value=indice;
      option.innerText=immagine.src;
      dropDownImmagini.appendChild(option);
    });
    dropDownImmagini.selectedIndex=-1;
    document.body.appendChild(dropDownImmagini);

    let etichetta = document.createElement("label");
    etichetta.for = "elencoImmagini";
    etichetta.innerText="SCEGLI UNA IMMAGINE";
    etichetta.style="color:red; font-size: 30; font-weight: bold;";
    dropDownImmagini.before(etichetta);

    dropDownImmagini.addEventListener("click", function () {
      eliminaBordi();
      if (this.selectedIndex>=0) immagini[this.value].style.border="5px dashed red";
    });

    function eliminaBordi()
    {
      immagini.forEach( (elemento)=> elemento.style.border="");
    }

  </script>