Javascript 在JS中引用表单字段不起作用

TL DR表单中的命名字段未在JS中重新编码

我有一个表单和一些javascript。表单内部有一个字段，带有

name=“adverts”

。由于某种原因，我得到了一个错误

adverts.addEventListener不是一个函数

现在我的

函数poprequire

不起作用。我可以通过添加

让adverts=document.getElementById（'adverts'）addEventListener

中添加code>，但这并不能解决问题，因为函数

poprequire

仍然不起作用

欢迎任何帮助

<form accept-charset="UTF-8" name="popupform" onsubmit="return false;" method="post" id="popupform">
        <div id="adv-t">Want to recieve adverts?</div><br />
    <label class="mlist">
    <input type="checkbox" name="adverts" id="adverts" value="Yes">
        <span id="adv-c">Yes, naturally.</span>
        <br />
    </label><br />
    <input type="text" pattern="[A-Za-z][^0-9]{2,25}" name="popupfname" id="popupfname" placeholder="Janez"autocorrect="off" autocapitalize="off" /><br />
    <span id="pf" class="error pfn" aria-live="polite"></span><br />
    <input type="email" name="popupemail" id="popupemail" autocorrect="off" autocapitalize="off" maxlength="45" placeholder="moj@email.si"/><br />
    <span id="pe" class="error pem" aria-live="polite"></span><br /><br />
    <div id="small">By checking the box, you will recieve emails etc etc.
    </div>  
        <hr style="margin-top: -6px;">
    <button id="allow"">
        <span id="a">Proceed</span>
    </button>
    <button id="deny" onclick="deny()">
        <span id="d">Return</span>
    </button>
</form>

---

将您的广告更改为这样的内容

    var adverts = document.querySelector("input[name=adverts]");
    adverts.addEventListener( 'change', function() {
        if(this.checked) {
            console.log("CHECKED")
        } else {
           console.log("NOT")
    });
}

---

广告是一个type=“checkbox”您应该在您错过的代码段中使用change而不是inputat}结尾谢谢。我会改变它，看看它是如何运作的goesit仍然说广告不是一种功能

    var adverts = document.querySelector("input[name=adverts]");
    adverts.addEventListener( 'change', function() {
        if(this.checked) {
            console.log("CHECKED")
        } else {
           console.log("NOT")
    });
}