Interpolação de string Javascript como em ruby ​​- javascript, jquery, interpolação de string

Estou tendo o seguinte código no meu JS.

$("#ytResultsList").append("<li><a href="https://www.youtube.com/watch?v="" + item.id.videoId + "></a></li>");

Como você pode ver no código acima, em HTML o resultado é como abaixo.

<li><a href="https://www.youtube.com/watch?v=" bruvbiwlwfi=""></a></li>

Eu quero que o URL seja como abaixo em HTML.

"https://www.youtube.com/watch?v=bruvbiwlwfi"

Como posso fazer isso em Javascript?

Respostas:

O problema é porque você está formatando seu href incorretamente. Você precisa mover o seu fechamento " para depois da variável assim:

$("#ytResultsList").append("<li><a href="https://www.youtube.com/watch?v=" + item.id.videoId + ""></a></li>");

aspas são o seu problema experimentar:

$("#ytResultsList").append("<li><a href="https://www.youtube.com/watch?v=" + item.id.videoId + ""></a></li>");

Templatestrings tem muito bom suporte em navegadores modernos e pode ser polyfilled se você precisar suportar os mais antigos - observe os crases:

const videoId = "bruvbiwlwfi"
const url = `https://www.youtube.com/watch?v=${videoId}`
=> "https://www.youtube.com/watch?v=bruvbiwlwfi"