Div aí local storage

by thvinic

HTML

<!DOCTYPE html>
<html>
<head>
  <title>Login</title>
</head>
<body>
  <div id="esconde">
    <label for="username">Usuário:</label>
    <input type="text" id="username" placeholder="Digite seu usuário" required><br>
    <label for="password">Senha:</label>
    <input type="password" id="password" placeholder="Digite sua senha" required><br>
    <button onclick="login()">Login</button>
  </div>

  <div id="conteudo" style="display: none;">
    <!-- Conteúdo a ser exibido após o login -->
    <h2>Bem-vindo!</h2>
    <p>Aqui está o conteúdo após o login.</p>
  </div>

  <script src="login.js"></script>
</body>
</html>

JavaScript

function login() {
  // Obtém os valores digitados pelo usuário
  var username = document.getElementById('username').value;
  var password = document.getElementById('password').value;

  // Verifica se o login e a senha são válidos
  if (username === "admin" && password === "1234") {
    // Exibe o conteúdo da div
    document.getElementById('conteudo').style.display = "block";

    // Armazena o conteúdo da div no local storage
    var conteudo = document.getElementById('conteudo').innerHTML;
    localStorage.setItem('conteudo', conteudo);
  } else {
    alert("Login ou senha inválidos.");
  }
}

// Recupera o conteúdo da div do local storage ao carregar a página
window.onload = function() {
  var conteudo = localStorage.getItem('conteudo');
  if (conteudo) {
    document.getElementById('conteudo').innerHTML = conteudo;
    document.getElementById('conteudo').style.display = "block";
    document.getElementById('esconde').style.display = "none";
    window.location.href = "https://www.google.com.br";

  }
}