este es mi codigo html
<a id="youtube" href="#"> <i class="fab fa-youtube-square"></i> </a>Este es mi codigo js
let lyrics = [ { lyric: '"lyrics goes here"', artist: '- artist', link: "https://www.youtube.com/watch?v=ox7RsX1Ee34" }, ] let button = document.getElementById("button") let lyric = document.getElementById("lyric") let artist = document.getElementById("artist") let link = document.getElementById("youtube") button.addEventListener('click', () => { var random = Math.floor(Math.random() * lyrics.length) lyric.innerHTML = lyrics[random].lyric; artist.innerHTML = lyrics[random].artist; link.innerHTML= lyrics[random].link; })Cuando presiono el botón de youtube quiero que me lleve al enlace.
Si desea enviar al usuario a la URL del video de YouTube, use window.open :
button.addEventListener('click', () => { var random = Math.floor(Math.random() * lyrics.length); lyric.innerHTML = lyrics[random].lyric; artist.innerHTML = lyrics[random].artist; window.open(lyrics[random].link); } Alternativamente, puede configurar el href del enlace y luego hacer clic en él para ir a la página:
button.addEventListener('click', () => { var random = Math.floor(Math.random() * lyrics.length); lyric.innerHTML = lyrics[random].lyric; artist.innerHTML = lyrics[random].artist; link.href = lyrics[random].link; link.click(); } y para que se abra en una nueva pestaña: <a id="youtube" target="_blank">