tedesco ad ita sito canzo by @Luigi98 - Codewith.it

#main, .loader-cont { display: none; } JavaScript disabilitato.
Non puoi usare Codewith.it senza JavaScript.

References

forSpecifica a quale id è associato l'elemento in cui è dichiarato.
checkedPre-imposta su 'true' il valore di un elemento input checkbox o radio
<datalist>Crea una lista di opzioni pre-definite ed editabili per elementi di input
animationDefinisce i parametri dell'animazione di un elemento o selettore
sizeDetermina le dimensioni dell'elemento in base al valore contenuto
<base>Specifica l'URL di base per tutti gli URL relativi all'interno della pagina.

Users

Log in to search for users

Explore

Find inspiration

Form per il torneo misto disfo

pagina di prova

Countdown Passaporto

HTML

CSS

JS

terminal console

feedback

add_box New

cookie Policy

Privacy information and cookies

We use cookies or technologies for technical purposes and, with your consent, also for other purposes as specified in the cookie policy. Refusal of consent may make some functions unavailable. Read more about the privacy policy

Click on “Agree” to confirm.

<style>
.flex-container {
  display: flex;
  flex-wrap: wrap;
}


h1{text-align:center;
}

a:link{text-decoration:none;
}


 
button { /*PER TUTTI I DIV*/
    background-color:cornflowerblue;
  transition: transform 0.2s ease-in-out;
  margin:10px;
  border-radius: 10px;
  width: 150px;
  height:120px;
}

button:hover { /*PER TUTTI I DIV*/
  transform: scale(1.5);
  height:70px;}

 .highlight {
  background-color: yellow;
  font-weight: bold;
}

#cerca{
width:20px;
background-image: url("lente.jpg");
}

p{text-align:right;
}
</style>




    <input type="text" id="searchInput" oninput="searchSongs()" placeholder="Cerca qui.."><br><br><br><br>
   
    <div id="songsContainer"></div>
    

    <script>
    const songs = [
  { title: 'Übermorgen ', year: "-"+2021+"-", artist: ' Mark Forest ' , link: "https://translationsandmore.altervista.org/ubermorgen-mark-forest-2/"},
{ title: 'Neunundneunzing Luftbaloons', year: "-"+2021+"-", artist: ' Nena ' , link: "https://translationsandmore.altervista.org/99-luftballons-von-nena/"},
{ title: 'Lieblingsmensch', year: "-"+2005+"-", artist: ' Nena ' , link: "https://translationsandmore.altervista.org/lieblingsmensch-von-namika/"},
{ title: 'Señorita', year: "-"+2017+"-", artist: ' Kay One' , link: "https://translationsandmore.altervista.org/senorita-kay-one/"},
{ title: 'Portofino', year: "-"+2019+"-", artist: ' Leon Machère & Kay One ' , link: "https://translationsandmore.altervista.org/senorita-kay-one/"},
{ title: 'Du hast mich zum letzten Mal belogen', year: "-"+2007+"-", artist: ' Martin Mendes ' , link: "https://translationsandmore.altervista.org/elementor-1372/"},

 ];

 
         function createSongButton(song) {
        const button = document.createElement("button");
        button.innerText = song.title + " di " + song.artist +song.year;
        button.onclick = function() {
          window.location.href = song.link;
        };
        return button;
      }

      function displaySongs(songs) {
        const songsContainer = document.getElementById("songsContainer");
        songsContainer.innerHTML = ""; // resetta il contenuto del container

        for (let i = 0; i < songs.length; i++) {
          const songButton = createSongButton(songs[i]);
          songsContainer.appendChild(songButton);
        }
      }

      function searchSongs() {
        const searchInput = document.getElementById("searchInput");
        const searchTerm = searchInput.value.toLowerCase();

        const filteredSongs = songs.filter(function(song) {
          const title = song.title.toLowerCase();
          const artist = song.artist.toLowerCase();
          return title.includes(searchTerm) || artist.includes(searchTerm);
        });

        displaySongs(filteredSongs);
      }

      displaySongs(songs);
    </script>

*{ }