Foto de Roberto M.
Roberto há 1 ano
Enviada pelo
Site

Variáveis não são lidas pela página de destino

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>

 

 

2 respostas
Professora Jionarran B.
Identidade verificada
  • CPF verificado
  • E-mail verificado
Respondeu há 1 ano
Contatar Jionarran

Aqui funcionou rodando de forma local, precisa seguir os seguintes passos:
1 - Ambos arquivos pag1 e pag2 devem estar no mesmo destino de arquivo, por exemplo: podem estar juntos na pasta documentos.
2 - o segundo arquivo pag2, deve estar renomeado com o nome "pag2.html".
3 - O código enviado deve estar em arquivos separados, não podem estar no mesmo arquivo.

A causa do problema pode ser devido a algum dos pontos citados acima, caso ainda assim o problema persista, 
pode enviar que veremos novamente.

Um professor já respondeu

Envie você também uma dúvida grátis
Ver resposta
Tire dúvidas com IA
Resposta na hora da Minerva IA
Enviar dúvida
Professor Anderson S.
Respondeu há 1 ano
Contatar Anderson

Não há nenhum problema com o seu código. O que pode ter acontecido é que os arquivos "pag1.html" e "pag2.html" não estão no mesmo diretório.

Por favor, verifique a estrutura de pastas e certifique-se de que elas estejam no mesmo diretório.

Um professor já respondeu

Envie você também uma dúvida grátis
Ver resposta
Minerva IA
do Profes
Respostas na hora
100% no WhatsApp
Envie suas dúvidas pelo App. Baixe agora
Prefere professores para aulas particulares ou resolução de atividades?
Aulas particulares
Encontre um professor para combinar e agendar aulas particulares Buscar professor
Tarefas
Envie sua atividade, anexe os arquivos e receba ofertas dos professores Enviar tarefa