如何使用 javascript prompt() 方法实现 3 次尝试登录表单。 它会在第二次尝试后检查下一次

Question

I want to implement 3 attempts login form using javascript prompt() method. it shows You have left 2 attempt and ddnt check for the next attempt. how to solve this? here is my script

<script type="text/javascript">
    var attempt = 3;
    var userName=prompt("Username","");
    var passWord=prompt("Password","");
    if (userName+passWord=="john2541798432" || userName+passWord=="tim3591798752") 
    {
    alert('success');
}       
else
{
attempt --;// Decrementing by one.
alert("You have left "+attempt+" attempt;");
if( attempt == 0)
{
    alert('you are blocked');
}
}
</script>

Answer 1

<script type="text/javascript">
var loggedin = false;
var attempt = 3;
while(!loggedin && attempt > 0){
  var userName=prompt("Username","");
  var passWord=prompt("Password","");
  if (userName+passWord=="john2541798432" || userName+passWord=="tim3591798752")
  {
    loggedin = true;
    alert('success');
  }
  else
  {
  attempt --;// Decrementing by one.
  alert("You have left "+attempt+" attempt;");
  if( attempt == 0)
  {
    alert('you are blocked');
  }
  }
}
</script>

Answer 2

According to your script, I think you can add a hidden input field and update the value of hidden field to verify the maximum attempt. Please see the below script

<input type="hidden" id="attempt" value="3">

<script type="text/javascript">

while(1)
{
    var userName=prompt("Username","");

    if(userName != "")
        var passWord=prompt("Password","");

    var attempt = document.getElementById("attempt").value;

    if(userName != "" && passWord != "")
    {
        if (userName+passWord=="john2541798432" || userName+passWord=="tim3591798752") 
        {
            alert('success'); 
            break;
        }       
        else
        {
            document.getElementById("attempt").value = attempt -1;
            alert("You have left "+(attempt-1)+" attempt;");

            attempt = attempt - 1;
            if( attempt == 0)
            {
                alert('you are blocked'); 
                break;
            }
        }
    }
}
</script>