原生js随机点菜代码

yzch6671

1年前发布

030090

原生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>

声明 1 本站名称：精品资源网
2 本站永久网址：https://www.jpzyw.net
3 本站部分资源来自于网络，分享给大家学习参考，如有侵权，请及时联系站长进行删除处理。
4 本站不对所有资源其观点和其真实性负责。
5 本站一律禁止用户以任何方式发布或转载违背法律法规的相关信息，访客发现请及时向站长举报。

THE END