注册 登录 充值会员 退出
毕业设计 PHP源码
充值

原生js随机点菜代码

作者/代码整理:  (转载请附加本文地址,带有“懒人原生”字样的谢绝转载) 发布日期:2018-03-23
原生js随机点菜代码
一款十分简单的原生js实现的随机点菜代码,点击点菜按钮随机点取上面菜单的菜品,可根据需求改成自己需要功能,比如说随机点名。


js代码

<script type="text/javascript">
	window.onload = function(){
		var btn = document.getElementById('btn');
		var cm = document.getElementById('cm');	
//				获取html中的菜单
		var menu = document.getElementsByTagName('span');
		var menuList = [];
//				遍历菜单逐个加到新菜单menuList数组中
		for(var i=0;i<menu.length;i++){
			menuList.push(menu[i].innerHTML);
		}	
		
		btn.onclick = function(){
			var num = Math.floor(Math.random()*(menuList.length-1+1-0)+0);
			cm.innerHTML = menuList[num];
		}
	}
</script>