Javascript 只有当输入字段不为空时，如何在js中触发onclick函数？

在这里，我只希望在输入字段中键入内容时触发函数。如果它是空的，我想提醒它不能是空的。我试过如果其他条件，但没有帮助。我甚至尝试过使用typeof，但不管是什么类型的字符串

const input=document.querySelector（“输入”）；
函数myFunc（）{
让name=input.value；
if（name==null）{
警报（“请输入您的姓名”）
}否则{
警报（“你好”+“”+姓名）；
}
};

点击我！
输入。输入为空时，值
不为空，它只是空字符串。

试试这个：


const input=document.querySelector（“输入”）；
函数myFunc（）{
让name=input.value；
如果（名称==“”）{
警报（“请输入您的姓名”）
}否则{
警报（“你好”+“”+姓名）；
}
};

点击我！
输入。输入为空时，值
不为空，它只是空字符串。

试试这个：


const input=document.querySelector（“输入”）；
函数myFunc（）{
让name=input.value；
如果（名称==“”）{
警报（“请输入您的姓名”）
}否则{
警报（“你好”+“”+姓名）；
}
};

点击我！
您还必须检查空字符串。实际上，您永远不会为input.value获取空值，但保守编程也不错

function myFunc(){
let name = input.value;
if(name==null || name.length == 0){
alert("PLEASE ENTER YOUR NAME")
} else{
alert('Hello'+' '+name);
}
};

或者，您也可以利用Javascript实现not（！）操作符的惊人方式，只需执行以下操作：

function myFunc(){
let name = input.value;
if(!name){
alert("PLEASE ENTER YOUR NAME")
} else{
alert('Hello'+' '+name);
}
};

您还必须检查空字符串。实际上，您永远不会为input.value获取空值，但保守编程也不错

function myFunc(){
let name = input.value;
if(name==null || name.length == 0){
alert("PLEASE ENTER YOUR NAME")
} else{
alert('Hello'+' '+name);
}
};

或者，您也可以利用Javascript实现not（！）操作符的惊人方式，只需执行以下操作：

function myFunc(){
let name = input.value;
if(!name){
alert("PLEASE ENTER YOUR NAME")
} else{
alert('Hello'+' '+name);
}
};

您需要测试是否为空/空格，不建议使用内联事件处理程序


document.getElementById（“btn”）.addEventListener（“单击”，函数（）{
常量输入=document.getElementById（“输入”）；
const name=input.value.trim（）；
警报（姓名？'Hello'+姓名：'请输入您的姓名'）
});

点击我您需要测试是否有空/空格，不建议使用内联事件处理程序


document.getElementById（“btn”）.addEventListener（“单击”，函数（）{
常量输入=document.getElementById（“输入”）；
const name=input.value.trim（）；
警报（姓名？'Hello'+姓名：'请输入您的姓名'）
});

点击我