JavaScript：获取未定义的变量消息但定义了变量（我认为）

Question

我对JavaScript相对较新，尽管我最近转了个弯。我刚刚编写了此代码块来验证CMS生成的电子邮件字段，但我收到的消息是invalidEmailMsg未定义。我已经尝试将变量声明放在函数外部的函数内部，在if语句中（基本上挥动我的手臂），但是消息仍然存在。有人可以帮忙吗？拜托，谢谢你。

var email = document.getElementById("trouble-tickets-email");
email.addEventListener("keyup", function() {  
    var invalidEmailMsg = document.forms[1].getElementsByClassName("form-error-msg")[3]; 
    var emailValue = email.value;
    var emailPattern = /.+@.+\..+/;       
    if(emailPattern.test(emailValue) === false) {   
        invalidEmailMsg.css.style("display","block");
        invalidEmailMsg.innerHTML = "custom message";
    }  
});