首页 JS特效 html5特效 实现原生js随机点菜的代码

实现原生js随机点菜的代码

实现原生js随机点菜的代码

实现原生js随机点菜的代码

代码片段:

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];
}
}

免责声明

本站所有资源均由网友贡献或各大下载网站转载。请自行检查软件的完整性!本站所有资源仅供学习参考。请不要将它们用于商业目的。否则,一切后果由您负责!如有侵权,请联系我们删除。联系方式:admin@php.cn

相关文章

JS实现随机化快速排序的实例代码_javascript技巧 JS实现随机化快速排序的实例代码_javascript技巧

16 May 2016

这篇文章介绍了JS实现随机化快速排序的实例代码,有需要的朋友可以参考一下

js随机生成姓名、手机号、身份证号、银行卡号【实现代码】_javascript技巧 js随机生成姓名、手机号、身份证号、银行卡号【实现代码】_javascript技巧

16 May 2016

下面小编就为大家带来一篇js 随机生成姓名、手机号、身份证号、银行卡号【实现代码】。小编觉得挺不错的,现在分享给大家,也给大家做个参考

原生JS实现仿淘宝网左侧商品分类菜单效果代码_javascript技巧 原生JS实现仿淘宝网左侧商品分类菜单效果代码_javascript技巧

16 May 2016

这篇文章主要介绍了原生JS实现仿淘宝网左侧商品分类菜单效果代码,可实现简单的鼠标滑过tab切换的功能,非常简单实用,需要的朋友可以参考下

PHP连接百度文心一言API实现随机句子生成的示例代码 PHP连接百度文心一言API实现随机句子生成的示例代码

14 Aug 2023

PHP连接百度文心一言API实现随机句子生成的示例代码概述:百度文心一言是一款提供名人名言、古诗词、鸡汤等随机句子生成的API接口,通过连接该API,我们可以在自己的网站或应用中加入一些有趣的句子,为用户带来更好的体验。本文将介绍如何使用PHP连接百度文心一言API,并提供相应的示例代码。步骤一:申请API接口首先需要到百度开放云官网(https://clo

详细介绍7款让人惊叹的HTML5粒子动画特效详解 详细介绍7款让人惊叹的HTML5粒子动画特效详解

06 Mar 2017

HTML5的很大一个优势就是可以更加便捷高效地制作网页粒子动画特效,特别是Canvas特性,可以实现在网页上绘制任何图形和动画。本文要分享7款让人惊叹的HTML5粒子动画特效,这些粒子特效都提供源代码下载供大家学习。 1、HTML5 Canvas粒子模拟效果 这是一款利用HTML5 Canvas模拟出来的30000个粒子动画,当你用鼠标在canvas画布上移动时,鼠标周围的一些粒子就会跟着你移动,并形成一定的图案,就像你在玩沙画一样,效..

基于javascript html5 canvas实现可调画笔颜色/粗细/橡皮的涂鸦板 基于javascript html5 canvas实现可调画笔颜色/粗细/橡皮的涂鸦板

16 Mar 2017

js+html5 canvas实现的涂鸦画板特效,可调画笔颜色|粗细|橡皮,可以保存涂鸦效果为图片编码,非常适合学习html5的canvas,必须支持html5的浏览器才能看到效果。

支持移动端的HTML5 Canvas逼真黑板特效 支持移动端的HTML5 Canvas逼真黑板特效

19 Jan 2017

这是一款使用HTML5 Canvas制作的黑板特效,该黑板特效支持手机移动端,它能模拟使用粉笔在黑板上写字的效果。该黑板特效的特点还有:

推荐8篇html5+JavaScript实例教程 推荐8篇html5+JavaScript实例教程

12 Jun 2017

html5 网页特效 邮箱地址验证body, inpu

如何使用HTML5+css3实现粒子效果文字动画特效(附完整代码) 如何使用HTML5+css3实现粒子效果文字动画特效(附完整代码)

25 Sep 2018

我们在浏览web网页的时候会发现现在的网页做的越来越美观,很多动画特效做的越来越炫酷,这离不开HTML5和css3的深入开发。今天我们要来分享一款基于HTML5和css3的文字特效——粒子效果文字动画特效。本篇文章给大家带来的内容是关于如何使用HTML5+css3实现粒子效果文字动画特效,有一定的参考价值,有需要的朋友可以参考一下,希望对你有所帮助。

See all articles See all articles

Hot Tools

HTML5 Canvas爱心飘动动画特效

HTML5 Canvas爱心飘动动画特效

HTML5 Canvas爱心飘动动画特效是一款直接用浏览器打开可以看到一颗心的生成动画。

H5熊猫弹跳小游戏源码

H5熊猫弹跳小游戏源码

html5手机熊猫也疯狂小游戏源代码。游戏说明:长按屏幕调整熊猫弹簧的强度,跳到石柱上。掉到河里游戏结束。

html5情人节盒子动画特效

html5情人节盒子动画特效

基于svg绘制情人节一个个爱心盒子礼物打开动画,爱心盒子动画特效。

H5 3D滚球游戏源码

H5 3D滚球游戏源码

html5酷炫3D彩球滚动手机游戏代码下载。游戏介绍:一个彩色圆球滚动,通过鼠标或手机触屏拖动来控制彩球的运行当前线路轨迹。这是一款简单易操作的手机小游戏源码。