Aulas Particulares no Profes
Aulas particulares Tarefas Tira-dúvidas Planos Entrar Criar conta
Foto de Roberto M.
Roberto há 7 meses
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>

 

 

JavaScript
2 respostas
Foto do professor Jionarran B.
Professora Jionarran B.
Identidade verificada
  • CPF verificado
  • E-mail verificado
Respondeu há 7 meses
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.

0 0

Um professor já respondeu

Envie você também uma dúvida grátis
Ver resposta
Envie uma dúvida grátis
Resposta na hora da Minerva IA e de professores particulares
Enviar dúvida
Foto do professor Anderson S.
Professor Anderson S.
Identidade verificada
  • CPF verificado
  • E-mail verificado
Respondeu há 7 meses
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.

0 0

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
Teste-me
Envie suas dúvidas pelo App. Baixe agora
Precisa de outra solução? Conheça
Aulas Tarefas Tira-dúvidas
Aulas particulares Encontre um professor para combinar e agendar aulas particulares Buscar professor