切换时未显示消息

Question

我试图在我的代码中显示错误消息，但它不起作用，我尝试使用style.display和 .visbility。

两者都给我这个错误 index.js:16 Uncaught TypeError: Assignment to constant variable。 在 HTMLButtonElement.refresh (index.js:16)

我究竟做错了什么？

const mailBtn = document.querySelector('.email-btn');
const mailInput = document.querySelector('.email-input').value;
const mailBox = document.querySelector('.email-input');
let errMsg =  document.querySelector('.red');
const refresh = () => {
    if(mailInput.length < 5) {
        mailBox.classList.add('error')
        mailInput = `Can't be blank`;
        errMsg.visibility = 'visible';
    } else {
        location.reload();

    }
}

mailBtn.addEventListener('click', refresh);

Answer 1

您收到错误是因为.value返回一个字符串，该字符串是按值复制的，而不是按引用返回的，因此更改它是不好的。 而是使用对元素的引用：

mailBox.value = "Can't be blank";

代替

mailInput = `Can't be blank`;

让我知道这是否有效