Bom dia. Estou ajudando meu neto na programação e nos deparamos com este erro que impede a continuidade do programa.
No primeiro arquivo, são inputadas duas variáveis (nomes), que devem aparecer no segundo arquivo, mas ele está vindo em branco. Alguém pode ajudar a identificar o erro, por favor? Muito obrigado.
Segue o código:
<!-- pag1.html -->
<html>
<body>
<h2>Adicione os nomes:</h2>
<p><label>Nome 1</label>
<input type="text" id="nome_1" class="form-control" placeholder="Nome 1"></p>
<p><label>Nome 2</label>
<input type="text" id="nome_2" class="form-control" placeholder="Nome 2"></p>
<p><button onclick="addNames()">Adicionar</button></p>
</body>
<script>
function addNames() {
const nome_1 = document.getElementById("nome_1").value;
const nome_2 = document.getElementById("nome_2").value;
localStorage.setItem("nome_1", nome_1);
localStorage.setItem("nome_2", nome_2);
window.location = "pag2.html";
}
</script>
</html>
<!-- pag2.html -->
<html>
<body>
<h2>Os nomes são:</h2><br>
<h4 id="nome_1"></h4> e <br>
<h4 id="nome_2"></h4>
</body>
<script>
Nome_1 = localStorage.getItem("nome_1");
Nome_2 = localStorage.getItem("nome_2");
document.getElementById("nome_1").innerHTML = Nome_1;
document.getElementById("nome_2").innerHTML = Nome_2;
</script>
</html>