varOLDTD1;varOLDTD2;varoldtd3;varIndexnum = 0;//Document.getebyid Shorthand MethodfunctionDombyid (domid) {returndocument.getElementById (Domid);}functionDomsbyclass (domclass) {returnDocument.getelementsbyclassname (Domclass);}//add a menu methodfunctionAddmenu (foodlist) {varinputtxt= prompt ("Input dish name", "For example: shredded pork with green pepper"); if(Inputtxt.trim () = = "" | | Inputtxt = =NULL) return; varFdlist =Dombyid (foodlist). Children; for(vari = 0; i < fdlist.length; i++) { if(Inputtxt.trim () = =Fdlist[i].innerhtml.trim ())returnAlert ("Duplicate dish name"); } varnewoption= document.createelement ("option")); Newoption.innerhtml=inputtxt; Dombyid (foodlist) appendchild (newoption);}//Add Order MethodfunctionAddOrder (foodtable) {varTrcreate= document.createelement ("tr"); varTrobject =NewObject ();varFoodname= Dombyid ("Foodlist"). Value; varFoodnum=parseint (Dombyid ("Divin"). children[1].innerhtml); Indexnum++; TROBJECT.TD1= "" + indexnum + "<input type= ' checkbox ' class= ' ck01 ' >"; TROBJECT.TD2=foodname; trobject.td3=foodnum; Trobject.td4= "<a href= ' # ' onclick= ' Deleteone (this); ' > Delete </a> <a href= ' # ' onclick= ' edit (this); ' > Edit </a> '; for(varIinchtrobject) { varTdcreate = document.createelement ("TD"); Tdcreate.innerhtml=Trobject[i]; Trcreate.appendchild (tdcreate); } Dombyid (foodtable). appendchild (trcreate);}//Single DeletefunctionDeleteone (aobj) {varTrobj =Aobj.parentNode.parentNode; Trobj.parentNode.removeChild (trobj);}//multiple DeletefunctionDeleteall (aobj) {varTROBJS = Domsbyclass ("Ck01"); for(vari = trobjs.length-1; I >=0; i--) { if(trobjs[i].checked = =true) { vartrobj=Trobjs[i].parentnode.parentnode; Trobj.parentNode.removeChild (Trobj); } }}//Click Select All to ReversefunctionCheckall (CK) {varcks = Domsbyclass ("Ck01"); for(vari = 0; I <cks.length; i++) {cks[i].checked=ck.checked; }}//Increase in numberfunctionAddnum (foodnum) {varnum = parseint (foodnum.parentnode.children[1].innerhtml.trim ()); Num+ = 1; foodnum.parentnode.children[1].innerhtml =num;}functionCutnum (foodnum) {varnum = parseint (foodnum.parentnode.children[1].innerhtml.trim ()); Num-= 1; foodnum.parentnode.children[1].innerhtml =num;}//EditfunctionEdit (aobj) {varTrobj =Aobj.parentNode.parentNode; varfoodlist= Dombyid ("Foodlist"); varDivin = Dombyid ("Divin"); OLDTD1= Trobj.children[1].innerhtml; trobj.children[1].innerhtml = ""; trobj.children[1].appendchild (Foodlist.clonenode (true)); trobj.children[1].children[0].value =OLDTD1; OLDTD2= Trobj.children[2].innerhtml; trobj.children[2].innerhtml = ""; trobj.children[2].appendchild (Divin.clonenode (true)); trobj.children[2].children[0].children[1].innerhtml =OLDTD2; OLDTD3= Trobj.children[3].innerhtml; trobj.children[3].innerhtml= "<a href= ' # ' onclick= ' Save (this); ' > Security </a> <a href= ' # ' onclick= ' Cancel (this); ' > Cancel </a> ";}//SecurityfunctionSave (aobj) {varTrobj =Aobj.parentNode.parentNode; varFoodname = trobj.children[1].children[0].value trobj.children[1].innerhtml =Foodname; varFoodnum = trobj.children[2].children[0].children[1].innerhtml; trobj.children[2].innerhtml =Foodnum; trobj.children[3].innerhtml = "<a href= ' # ' onclick= ' Deleteone (this); ' > Delete </a> <a href= ' # ' onclick= ' edit (this); ' > Edit & Lt;/a> ";}//CancelfunctionCancel (aobj) {varTrobj =Aobj.parentNode.parentNode; trobj.children[1].innerhtml =OLDTD1; trobj.children[2].innerhtml =OLDTD2; trobj.children[3].innerhtml =oldtd3;}
JS Code method Encapsulation
MenuSautéed pork with onionHam sausage 0
Serial number |
Dish name |
Number |
Operation |
Select AllDelete selected
JS Code Separation Method Encapsulation