Hola estoy empezando a usar JavaScript/HTML. Tengo este código y a la hora de cambiar de imprimir la información en consola concatenando cadena + variable a usar template literal, pasa de imprimir correcto la información a imprimir undefined
. Tampoco logro actualizar la información HTML desde JavaScript. ¿Que estoy haciendo mal?
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Ejemplo DOM con JavaScript</title>
</head>
<body>
<h1 id="cabecero">Ejemplo DOM con JavaScript</h1>
<p id="parrafo">Saludos!</p>
<script>
let cabecero = document.getElementById("cabecero").innerHTML;
console.log("Valor cabecero: " + cabecero);
let par = document.getElementById("parrafo").innerHTML;
console.log(`Valor parrafo: ${par.innerHTML}`);
par.innerHTML = "Nuevo contenido parrafo";
cabecero.innerHTML = "Nuevo cabecero";
</script>
</body>
</html>