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

JavaScript

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>

 

 

Foto de Roberto M.
Roberto perguntou há 1 semana

Sabe a resposta?

Ganhe 10 pts por resposta de qualidade
Responder dúvida
2 respostas
0
votos
Nenhum usuário votou nessa resposta como útil.
Professora Jionarran B.
Identidade verificada
  • CPF verificado
  • E-mail verificado
Respondeu há 1 semana

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.

Envie uma dúvida gratuitamente

Envie sua primeira dúvida gratuitamente aqui no Tira-dúvidas Profes. Nossos professores particulares estão aqui para te ajudar.

0
votos
Nenhum usuário votou nessa resposta como útil.
Professor Anderson S.
Identidade verificada
  • CPF verificado
  • E-mail verificado
Respondeu há 4 dias

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.

Professores particulares de JavaScript

+ Ver todos
Encontre professor particular para te ajudar nos estudos
R$ 80 / h
Jionarran B.
Jaraguá do Sul / SC
Jionarran B.
Identidade verificada
  • CPF verificado
  • E-mail verificado
1ª hora grátis
JavaScript - Back-End JavaScript - Estrutura Condicional e operadores lógicos. Expressões lógicas. JavaScript ES6
Professor de programação com 5 anos de experiência focada em desenvolvimento web (iniciante, intermediário, avançado).
R$ 70 / h
Vinícius B.
Santo André / SP
Vinícius B.
5,0 (13 avaliações)
Horas de aulas particulares ministradas 21 horas de aula
Tarefas resolvidas 5 tarefas resolvidas
Identidade verificada
  • CPF verificado
  • E-mail verificado
1ª hora grátis
JavaScript - Back-End JavaScript Básico JavaScript - Estrutura de Repetição Condicional
MBA: Business Intelligence (Faculdade Descomplica)
Te ensino a programar. Professor de programação, com 5 anos de atuação em .net, sql, entity framework, scrum etc.
R$ 50 / h
Gustavo A.
Campina Grande / PB
Gustavo A.
5,0 (2 avaliações)
Horas de aulas particulares ministradas 7 horas de aula
Identidade verificada
  • CPF verificado
  • E-mail verificado
1ª hora grátis
JavaScript - Estrutura de Repetição Condicional JavaScript - Estrutura Condicional ou de Seleção JavaScript Básico
Graduação: Engenharia da Computação (IFPB - Campus Campina Grande )
Desenvolvedor web python e javascript. Acompanhamento particular em python, html,css e javascript
Envie uma tarefa, lista de exercícios, atividade ou projeto
  • Você define o prazo
  • Professores fazem propostas e você escolhe o melhor
  • Interação com o professor por chat
  • Se não gostar da resolução, reembolsamos
Enviar Tarefa

Envie uma dúvida gratuitamente

Envie sua primeira dúvida gratuitamente aqui no Tira-dúvidas Profes. Nossos professores particulares estão aqui para te ajudar.

Encontre um professor e combine aulas particulares Presenciais ou Online