用原生JS实现网上点餐功能

HTML:

菜名
店名







干煸豆角
金手勺





麻辣香锅
金手勺





巫山烤鱼
金手勺

JS:

var theadinp = document.getElementById("theadinp");
var tbody = document.getElementById("tbody");
var tbodyinp = tbody.getElementsByTagName("input");
theadinp.onclick = function(){
for(var i = 0;i

CSS:

tbody tr:hover{
background-color: gainsboro;
}
thead tr{
background-color: lightblue;
}