注册 登录 充值会员 退出
联系客服 毕业设计 java源码 PHP源码
充值

原生js随机点菜代码

作者/代码整理:  (源码已亲测,不会安装的可以向QQ1915635791要安装视频教程) 发布日期:2023-04-21
原生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>

关注公众号,免费赠送安装视频教程、环境和学习视频,后面会不断更新。