js算法--显示新闻、随机四位验证码、随机点名、插入数字再按从小到大排列
来源:互联网 发布:淘宝那些虚拟产品赚钱 编辑:程序博客网 时间:2024/06/02 03:30
通过输入标题,在一段新闻标题上添加。
html代码:
<input type="text" id="news"><button id="button">添加</button><ul id="newList"></ul>
js代码
<script>window.onload = function(){
var newsList = ['女子买房男友要求只署自己名字 婚前买房必看', '广东上半年房价涨14.4% 单月涨幅逐渐回落' ,'陈愉为中国女性出书:30岁前别结婚'];var news = document.getElementById('news');var btn = document.getElementById('button');var list = document.getElementById('newList');
render();//首先显示出三条新闻。
btn.onclick = function(){
var _new = news.value;
newsList.unshift(_new);//通过unshift()在数组开头中添加一条数据。并返回新的长度。
//更新
reader();
//清空输入框内容
new.value = '';
}
function reader(){
var lis = '';
for(var i = 0;i<newsList.length;i++){
lis +='<li><a href="#">'+newsList[i]+'</a></li>';
}
list.innerHTML =lis;}
}
</script>
2、随机四位验证码
html代码:
<input type="text" id="num1"><button onclick="getNum()">获取验证码</button>js代码:
function getNum(){ arr1=['0','1','2','3','4','5','6','7','8','9','a','b','c','d','e','f','g','h', 'i','j','k','l','m','n','o','p','q','r','s','t','u','v','w','x','y','z' ]<pre name="code" class="html">//从一个数组中获取数字<pre name="code" class="html">var num2 = [];for(var i = 0;i<4;i++){num2.pusth(arr1.splice((Math.random()*arr1.length),1));}num1.value = num2;//将四个数赋值给输入框}
只是通过splice()删除数组的一个,返回删除的项目,再赋值给push一个新数组,输出新数组。
3、随机点名(不重复)
html代码:
<input id="output" type="text" value=""><button onclick="dM()">点名</button>js代码:
<script>var name =['宋小宝','郭德纲','岳云鹏','尼古拉斯赵四','葛炮'];function dM(){var output = document.getElementById('output');var random = Math.ceil(Math.random()*name.length);var show = name.splice(random-1,1);output.value = show;if(name.length==0){out.value = "点名完毕。手动刷新”}}</script>通过删除splice()数组中的一个名字,返回这个名字赋值给input框。
4、数组中插入一个数字将重新按从小到大排序
html代码:
<input type="text" id="num"><button onclick="test()">排序</button><div id="output"></div>js代码:
<script> function test() { var num=document.getElementById('num'); var num1=Number(num.value); var output=document.getElementById('output'); var index = 0; var arr=[2,6,9,15,20,35,46];<pre name="code" class="html">for(var i = 0;i<arr.length;i++){if (num1>arr[i]{index = i+1;}<span style="white-space:pre"></span>//因为数组已经从小到到排好序的,所以,num1与数组一个个对比,当num1>arr[i]
<span style="white-space:pre"></span>//就将i+1放在arr[i]后面,每个输出。}arr.splice(index,0,unm1);<span style="white-space:pre"></span>//在index位置插入num1output.innnerHTML=arr;}</script>
0 0
- js算法--显示新闻、随机四位验证码、随机点名、插入数字再按从小到大排列
- ASP随机四位数字验证码
- 验证码制作之一:随机生成一个四位数字
- js随机点名
- js实现随机点名
- js随机点名系统
- Java随机产生四位验证码
- 随机生成四位数字
- 生成验证码,并进行验证(四位随机数字)
- js随机生成4位验证码
- js随机生成4位验证码
- JS之随机点名系统
- ASP英文字母加数字随机验证码(4位)
- ASP英文字母加数字随机验证码(4位)
- Android 随机生成6位数字验证码
- 生成x位随机数字密码、验证码、字符密码
- 随机点名
- 随机点名
- Linux man手册使用指南
- 运算及一维数组
- 合并表记录
- Ubuntu下嵌入式Qt开发环境配置全攻略
- 一个熟练程序员所具备的特质-2
- js算法--显示新闻、随机四位验证码、随机点名、插入数字再按从小到大排列
- IOS中获取各个文件的目录路径的方法和NSFileManager类
- NGUI 圆形血条、进度条制作
- Java笔记
- [PAT] B1006
- jQuery查看dom元素上绑定的事件列表
- java设计模式示例
- POJ-3041 Asteroids,二分匹配解决棋盘问题。
- HashMap和Hashtable的区别