-3

eu tenho um código html

<div id="nome"> nome </div>

e um js que pergunta o usuário o nome e reescreve a div

var username = prompt('qual seu nome ?');

alert('olá ' + username + ', seja bem vindo <3')

document.getElementById("nome").innerHTML = username;

e queria fazer com que esse código so seja lido a primeira vez que meu usuário entre e que dando refresh na page não reescreva mais a minha div

2
  • 1
    Para isso, você precisa salvar esse nome em algum lugar. Nesse caso parece que pode ser no próprio computador de quem está acessando, em um cookie ou no localstorage.
    – bfavaretto
    19/10/2021 às 15:54
  • aplicando um setTimeout.. acredito q resolve.. 19/10/2021 às 21:28

1 Resposta 1

2

Tendo em vista que você está iniciando, recomendo que estudo sobre gerenciamento de estado, padrão muito utilizado no desenvolvimento dos frameworks web, como por exemplo React, Angular e etc.

Porém, neste caso podemos resolver de forma simples, salvando no localStoragea informação.

if(localStorage.getItem("name")){
   alert("Olá " +  localStorage.getItem("name"));
}
else{
   var username = prompt("qual seu nome ?");
   localStorage.setItem("name", username);
   alert("Olá " +  localStorage.getItem("name"));
}

1
  • Poderia melhorar o estilo de codificação obtendo inicialmente localStorage.getItem("name") em uma variável e fazer o teste com o valor dessa variável e aproveitar ou não esse valor conforme o teste. 19/10/2021 às 18:14

Você deve fazer log-in para responder a esta pergunta.

Esta não é a resposta que você está procurando? Pesquise outras perguntas com a tag .