Какой самый простой способ создать иллюзию пароля?

Question

Мне нужна помощь ... У меня есть вход и кнопка, и мне нужна кнопка для перенаправления на другую страницу, только если пароль правильный.будет только один пароль, так что мне бы хотелось самое простое решение (JS будет идеальным).Я буду очень счастлив, если вы мне поможете.спасибо!

<img id="login" src="pics/log-in.png" >
  <form action="main.html"> 
     <input type="password" placeholder="password">  
     <button type="submit">enter</button>
  </form>

Answer 1

Вот (достаточно) безопасный способ сделать это:

let SECRET_URL = 'U2FsdGVkX1+d04CGQMFLvfPtMXpNIyl9sosbT07swnH9nRgL0EY3xLQkW8ukVZXR'

function go() {
  let pwd = document.querySelector("#password").value;
  let url = CryptoJS.AES.decrypt(SECRET_URL, pwd).toString(CryptoJS.enc.Utf8);
  alert('redirecting to ' + url);
  window.location.href = url;
}

<input id="password">
<input type=button onclick='go()' value="login">

<script src="https://cdnjs.cloudflare.com/ajax/libs/crypto-js/3.1.9-1/crypto-js.min.js"></script>

Если вы не введете действительный пароль (например, fish), адрес перенаправления не будет раскрыт. Это также невозможно найти из исходного кода.

Чтобы создать зашифрованный URL, как указано выше, используйте

SECRET_URL = CryptoJS.AES.encrypt('my url', 'my password').toString()

Answer 2

Первый шаг - создать слушателя по нажатию кнопки.Если пароль правильный, внутри слушателя кнопки добавьте следующую строку кода:

window.location.href="url_of_another_page";