Javascript 检查值是否与数组元素匹配并使用if/else打印警报，我缺少了哪一步

我试图对照预先确定的zipcodes列表检查用户输入。我使用

document.getElementById（“zipcode”）.value创建了一个表示用户输入的变量，并设置了要检查的zipcodes数组。这曾经奏效，但我想我已经突破了包含在if/else中。我错过了什么？
输入框转换为字符串，因此我也将数组元素设置为字符串。我很困惑

<h2>Zipcode checker</h2>

<input id="zipcode" name="address-4" type=text maxlength="5" value="" pattern="[0-9]" required/>`
<button id="btn" value="submit" type="submit" onclick="myStuff()">Register</button>

zipcodechecker
`
登记

脚本：

var btnInput = document.getElementById("zipcode").value;
var acceptedZip = ["85392", "85340", "85393", "85353", "85341"];
function myStuff() {
    for (var i = 0; i < acceptedZip.length; i++) {
        if (acceptedZip[i] === btnInput) {
            alert("we got you boo");
         } 
         else {
            alert("sorry son");
        }
    }
}   

var btnInput=document.getElementById（“zipcode”）.value；
var acceptedZip=[“85392”、“85340”、“85393”、“85353”、“85341”]；
函数myStuff（）{
对于（var i=0；i
代码中的问题是，您只存储了一次输入值，即当代码第一次运行时，第一次运行时的值为空
”
（如果未在html中设置）。


您可以通过以下方式做您想做的事情：


zipcodechecker
`
登记
var btnInput=document.getElementById（“zipcode”）；//把按钮放在外面
var acceptedZip=[“85392”、“85340”、“85393”、“85353”、“85341”]；
函数myStuff（）{
var exists=acceptedZip.indexOf（btnInput.value）>-1；//获取内部输入的值（每次按下按钮时）
警惕（存在？“我们得到你嘘声”：“对不起儿子”）；
}
函数myStuff（）{return acceptedZip.includes（btnInput）}