• 微信号:Zh-y9213
您当前的位置:爱资源分享网 > > 网站源码 > 网页特效

原生js随机点菜代码

栏目:网页特效时间:2021-10-28 00:16阅读数:47人阅读
一款十分简单的原生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>


在线预览
资源均来自第三方,谨慎下载,前往第三方网站下载

本站所有文章、数据、图片均来自互联网,一切版权均归源网站或源作者所有。

如果侵犯了你的权益请来信告知我们删除。邮箱:737597453@qq.com