пользователь видит страницу html, когда мы вводим пароль

Question

Я добавляю этот скрипт в свой индекс. html для веб-страницы, защищенной паролем, но она не работает на той же странице

<script type="text/javascript">
	var s ="";

	while (s!= "12345678")
	{
	s=prompt("please enter your password");
	if (s=="12345678")
	{
	window.location.href="http://localhost/know21feb"; //page to redirect if password entered is correct

	}
	else
	{
	alert("Incorrect password-Try again");

	}
	}
	</script>

Answer 1

Если вы хотите просто подтвердить подлинность проверки на стороне клиента для целей обучения, вы можете использовать HTML5 localstorage подобно

  window.localStorage.setItem("password", "123456"); // set default password in key named password
    if (window.localStorage.getItem("password") == document.getElementById("password").value) {
         // you logic
      } else {
           alert("Incorrect password-Try again");
      }

, которую вы можете использовать, чтобы ваша функция также могла передаваться пароль как ваш параметр и может проверить условие

Answer 2

Если вы ищете систему защищенных паролей, это не будет сделано, поскольку пароль находится в исходном коде, чтобы кто-нибудь мог увидеть, просматривает ли он исходный код страницы или проверяет его. В любом случае, вот как я бы это сделал:

var s;
var password = "12345678";

while(true){
    if(s != password){
        s = prompt("Please enter password!");
    } else {
        break;
    }
}

// Code following this will execute if the password was correctly inputted

Вот скрипка