JS小Demo实战之今天外卖点什么?(二)

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

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

	oBtn1.οnclick=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的情况了。

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值