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
原创粉丝点击