Como printar uma variável no HTML

Programação
#1

Olá pessoal, boa tarde. Não tenho conhecimento no jQuery, mais estou precisando utilizar o código de uma api, é bem simples, o que eu quero é só exibir as variáveis na tela (no HTML), porém sei que é uma coisa simples, mas eu não sei, alguém puder me ajudar, agradeço.

api
api.png1289×640 56.8 KB

#2

Bem ali onde está o cursor, na linha 22, vc pode fazer assim:

$('.p').html(`${genero} ${capa_musica}`);

// ou assim também
$('.p').text(`${genero} ${capa_musica}`);

Referência: https://api.jquery.com/html/

#3

Qual variável? Em que parte do HTML? Deve ser disparado por evento?

Exemplo 1:

<!DOCTYPE html>
<html>
<body>

<h2>What Can JavaScript Do?</h2>

<p id="demo">JavaScript can change HTML content.</p>

<button type="button" onclick='document.getElementById("demo").innerHTML = "Hello JavaScript!"'>Click Me!</button>

</body>
</html>

Coloca no parágrafo demo o valor “Hello JavaScript” ao clicar em um botão.

Fonte: [W3Schools]: Try it.

Exemplo 2:

<html lang="pt-BR">
    
    <head>
        <meta charset="UTF-8">
        <meta name="application-name" content="index.html">
        <meta name="description" content="exercício01 - JavaScript">
        <meta name="generator" content="Brackets 1.13.0-17696">
        <meta name="keywords" content="HTML, JavaScript">
        <meta name="author" content="JFSJúnior">
        <link href="https://fonts.googleapis.com/css?family=Roboto" rel="stylesheet">
        <title>Teste</title>
        
    </head>
        
    <body>
		<h2>Teste</h2>
        <p id="paragrafo"></p>
		
		<script src="..\jquery-3.3.1.min.js"></script>
        <script>
			var texto = "Isso foi inserido!";
			function carregar(){
				
				document.getElementById("paragrafo").innerHTML = texto;
			}
			
			window.onload = carregar;
		   
        </script>
    </body>
</html>
#4

Pode ser qualquer variável, eu só quero saber como mostra-la no HTML, quero carregar a informação da variável escolhida no body