时间戳

首页 > 解决方案 > 切换时未显示消息

javascript - 切换时未显示消息

问题描述

我试图在我的代码中显示错误消息，但它不起作用，我尝试使用style.displayand .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);

标签： javascript

解决方案

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

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

代替

mailInput = `Can't be blank`;

让我知道这是否有效

推荐阅读