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的情況了。