js写一个随机点菜的小程序 随机点名js代码

怎么写随机生成数据的Js函数

其实就是随机数的应用了，一楼的取随机数已经相当完善。扩展一下，结果大概如下，不但数据变化，而且颜色也变化，四个颜色，对应四条边框，挺好玩的：

代码如下：

!DOCTYPE html

html

head

meta http-equiv="content-type" content="text/html;charset=utf-8"

style

body{text-align:center;color:#00F}

div{border:15px solid #DDD;margin-bottom:5px;}

/style

/head

body

div id='test0'1/div

div id='test1'2/div

div id='test2'3/div

div id='test3'4/div

div id='test4'5/div

div id='test5'6/div

div id='test6'7/div

br /

input type='button' id='btn' value='换一组看看' /

script

!--

//换一组按钮事件

var btn=document.getElementById('btn');

btn.onclick=function(){fillData();};

var lineChartData={

labels:["january",'Feb'],

datasets:[],//这里只需要空数组就行了，反正加载的时候要清空掉的。

otherData:[]

}

//以下代码直接贴到你的文件内，应该能管用。

//获取从from 到to　的随机整数

function rand(min,max){

return min+parseInt((max-min)*Math.random());

}

//随机rgba颜色值

function rgbaStr(){

return "rgba("+rand(0,255)+","+rand(0,255)+","+rand(0,255)+","+rand(0,255)+")";

}

//随机rgb颜色缩写值

function rgbaStr(){

var v='0123456789ABCDEF';

return "#"+v.substr(rand(0,15),1)+v.substr(rand(0,15),1)+v.substr(rand(0,15),1);

}

//填充随机数据

function fillData(){

lineChartData.datasets=[];//清空原来的

for(var i=0;i7;i++){

lineChartData.datasets.push({

fillColor:rgbaStr(),

strokeColor:rgbaStr(),

pointColor:rgbaStr(),

pointStrokeColor:rgbaStr(),

//随机的数据，应该是你需要的那一部份了。

data:[rand(0,100),rand(0,100),rand(0,100),rand(0,100),rand(0,100),rand(0,100),rand(0,100)]

});

}

//展示数据,直接填充div的四个边的颜色。

for(i in lineChartData.datasets){

var div=document.getElementById('test'+i);

div.style.borderTopColor =lineChartData.datasets[i].fillColor;

div.style.borderLeftColor =lineChartData.datasets[i].strokeColor;

div.style.borderBottomColor =lineChartData.datasets[i].pointColor;

div.style.borderRightColor =lineChartData.datasets[i].pointStrokeColor;

div.innerHTML =' data:'+lineChartData.datasets[i].data.join(' , ');

}

}

fillData();//加载完成就填充数据

--

/script

/body

/html

相关问答

Q1: 怎么制作一个微信小程序

微信小程序可以用html、css、javascript等语言来编写，还可以使用php语言来开发。微信小程序是基于微信平台的轻量级应用，它的开发是应用微信提供的小程序前端规范，并结合企业自己开发的应用后端来完成的。

小程序是基于微信平台的轻量级应用，它的开发是应用微信提供的小程序前端规范，结合企业自己开发的应用后端来制作。总体来说，也就是微信小程序在微信平台中只需要开发前端版本，而在后台等部分则由网站公司采用各种程序语言自行编写。

HTML/CSS/JS语言开发

html：超文本标记语言，是一种用于创建网页的标准标记语言，可以使用 HTML 来建立自己的 WEB 站点，HTML 运行在浏览器上，由浏览器来解析。

css：层叠样式表，能让我们更精确的控制网页版面的文字、背景、字型等…它能让我们只修正一个css文件，便可同时更新众多的网页版面外观及格式，还可以使html的文件内码更精简，缩小档案下载的速度。

js：js是Javascript的缩写形式，而Javascript是一种基于对象和事件驱动并且具有相对安全性的客户端脚本语言。它在Web开发中JS占据着举足轻重的地位，所有交互、逻辑层的代码都应该由它来实现。

PHP/JAVA语言开发

对于微信小程序而言，前端程序是唯一差异于网站建设技术的，因此，只要前端程序过得了关，能够写前端的接口，那么您使用PHP,又或者java,以及asp.net的程序语言都是完全支持的。一般对于企业而言，都是采用php程序开发微信小程序；技术要求高一点的可以采用java程序开发。这些开发方式成都锐美网络都已实践，且能保证效果。

微信小程序常见使用“MINA”框架，Apache Mina Server 是一个网络通信应用框架，也就是说，它主要是对基于TCP/IP、UDP/IP协议栈的通信框架，Mina 可以帮助开发者快速开发高性能、高扩展性的网络通信应用，Mina 提供了事件驱动、异步（Mina 的异步IO 默认使用的是JAVA NIO 作为底层支持）操作的编程模型。这个框架为微信小程序的运行提供了丰富的组件和API。微信小程序开发者要学会和掌握小程序的框架结构、数据绑定机制、模板、数据缓存、常用组件和API等相关知识。

Q2: 运用JS 写一个小程序

/**

*    var price;   //商品单价

*    var num;     //商品数量

*    var receive; //收款金额

*/

function cashier(price, num, receive){

    var sum;     //商品总额

    var out;     //应找金额

    if((price*num)500){

        sum=price*num*0.8

    }

    if(receivesum){

        out="金额不足";

    }else{

        out=receive-sum;

    }

    return "商品总额："+sum+" 收款金额："+receive+" 应找金额："+out;

}

Q3: 用js写点击事件，怎么让点击后产生的随机数显示在文本框中？

代码如下：

var num = '123';//点击事件产生的随机数

//假设文本框的类名为input_num

$(".input_num").val(num);//这样就可以完成赋值

你将这段代码粘贴到你的项目中，试下。

js写一个随机点菜的小程序的介绍就聊到这里吧，感谢你花时间阅读本站内容，更多关于随机点名js代码、js写一个随机点菜的小程序的信息别忘了在本站进行查找喔。