JS小Demo实战之今天外卖点什么？（二）

这个demo里，发现了上方的输入框并没有判断是不是输入为空。

所以就需要把第一个button的onclick事件，稍加改动一下。

oBtn1.onclick=function(){
if(oTxt.value ==""){
alert("输入框不能为空！")
}else{
var oLi= document.createElement("li");
oUl.appendChild(oLi);
oLi.innerHTML=oTxt.value;
//获取li的长度
var Lis=document.getElementsByTagName('li').length-1;
var Li_id="li"+Lis;
//设置新的li的id；
oLi.setAttribute("id",Li_id);
}
}

加了一个if的条件选择，如果输入框不为空的话，再执行原来的onclick事件。



就可以避免输入框为空，出现空li的情况了。