html——简单的 JavaScript 密码检查器在第一次迭代后不会循环

至少，我认为迭代在第一个循环之后停止。在发送错误消息之前输入错误密码时，我试图让我的密码循环 3 次。当我输入一个错误的密码并单击我的提交按钮时，迭代停止。编码新手，所以如果我做错了什么，请告诉我。

我的 JS（按钮on-click功能）：

var password = "password";
var notif = document.getElementById("notif");
var entryCount = 0;
var entryLimit = 3;
var error = false;


function inputPW(){

    for(i = 0; i < 3; i++){
        notif.innerHTML = "";
        if(passwordInp.value === password){
            notif.innerHTML = "You got it!";
            break;
        }
        else if(i < 3){
            notif.innerHTML = "Incorrect password. Please try again.";
        }
        else{
            notif.innerHTML = "Password limits exceeded.";
        }
    }
}

我的HTML（仅正文）：

<h1>Password Getter</h1>

        <p>Password:</p>

        <input id = "passwordInp" type="text" placeholder="Password" autofocus>

        <button id="enterBtn" type="button" onclick="inputPW()">Submit</button>

        <p id="notif"></p>

        <script src="JSscript.js"></script>