Javascript 如果未输入值,如何检查并返回消息

Javascript 如果未输入值,如何检查并返回消息,javascript,function,dom,input,Javascript,Function,Dom,Input,我还在学习,我试着从输入中提取一个数字,加上7,然后显示在网页上。这一切都很好,但我不喜欢的是,如果你点击“提交”而不输入数字,HTML字段会显示“NaN”和自定义消息,这就是我想要做的 这是我到目前为止的代码。我遗漏了什么来捕获未输入任何内容并返回不同的消息 函数add7(){ 让number=document.getElementById('num').value; 设加法=7; 如果(isNaN(编号)){ document.getElementById(“add”).innerHTML

我还在学习,我试着从输入中提取一个数字,加上7,然后显示在网页上。这一切都很好,但我不喜欢的是,如果你点击“提交”而不输入数字,HTML字段会显示“NaN”和自定义消息,这就是我想要做的

这是我到目前为止的代码。我遗漏了什么来捕获未输入任何内容并返回不同的消息

函数add7(){
让number=document.getElementById('num').value;
设加法=7;
如果(isNaN(编号)){
document.getElementById(“add”).innerHTML=“请输入值”;
}
否则{
让original=parseInt(数字,10);
num=添加+原始;
document.getElementById(“add”).innerHTML=num;
}
}

在数字上加7
按下按钮

这是因为,即
isNaN(“”)
返回
true

为此,您只需将检查移动到最后一步,即计算
num
变量:

函数add7(){
让number=document.getElementById('num').value;
设加法=7;
让original=parseInt(数字,10);
设num=加法+原值;
if(isNaN(num)){
document.getElementById(“add”).innerHTML=“请输入值”;
返回;
}
document.getElementById(“add”).innerHTML=num;
}

在数字上加7
按下按钮