JS小案例(基础好烦恼少)----持续更新

  1 ***************************************************
  2 <!DOCTYPE html>
  3 <html lang="en">
  4 <head>
  5     <meta charset="UTF-8">
  6     <title>Document</title>
  7
  8 </head>
  9 <body>
 10     本金10000元存入银行,年利率是千分之三,每过1年,将本金和利息相加作为新的本金。计算5年后,获得的本金是多少?
 11 </body>
 12 </html>
 13 <script>
 14     var money=10000;
 15     var rote=0.003;
 16     for(i=1;i<=5;i++){
 17         // money=money+money*rote;
 18
 19         money*=1+rote;
 20     }
 21     alert(money);
 22 </script>
 23
 24 ***********************************************************
 25 <!DOCTYPE html>
 26 <html lang="en">
 27 <head>
 28     <meta charset="UTF-8">
 29     <title>Document</title>
 30 </head>
 31 <body>
 32     有个人想知道,一年之内一对兔子能繁殖多少对?于是就筑了一道围墙把一对兔子关在里面。已知一对兔子每个月可以生一对小兔子,而一对兔子从出生后第3个月起每月生一对小兔子。假如一年内没有发生死亡现象,那么,一对兔子一年内(12个月)能繁殖成多少对?
 33 兔子的规律为数列,1,1,2,      3,      5,           8,   13,     21
 34                  n1 n2 n3=n1+n2,n4=n2+n3,n5=n4+n3......
 35 斐波那契数列:1,1,2,3,5,8,13,21,34,55,89,144...........
 36 </body>
 37 </html>
 38 <script>
 39     var n1=1;
 40     var n2=1;
 41     var temp=0;
 42     for(var i=3;i<=12;i++){
 43     temp=n2;//temp=n2=1    temp=n2=2          temp=n2=3          temp=n2=5
 44     n2=n1+n2;//2(n2)=1+1   3(n2)=n1(1)+n2(2)  5(n2)=n1(2)+n2(3)  8(n2)=n1(3)+n2(5)
 45     n1=temp;//n1=1         n1=2               n1=3               n1=5
 46     }
 47     alert(n2);
 48 </script>
 49 144
 50 *************************************
 51 <!DOCTYPE html>
 52 <html lang="en">
 53 <head>
 54     <meta charset="UTF-8">
 55     <title>Document</title>
 56 </head>
 57 <body>
 58
 59     //需求:打印宽9,长9的正方形<br>
 60 </body>
 61 </html>
 62 <script>
 63     for(var j=1;j<=9;j++){
 64         for(var i=1;i<=9;i++){
 65             document.write("★");
 66         }
 67         document.write("<br>");
 68     }
 69 </script>
 70 ★★★★★★★★★
 71 ★★★★★★★★★
 72 ★★★★★★★★★
 73 ★★★★★★★★★
 74 ★★★★★★★★★
 75 ★★★★★★★★★
 76 ★★★★★★★★★
 77 ★★★★★★★★★
 78 ★★★★★★★★★
 79 *****************************************
 80 <!DOCTYPE html>
 81 <html lang="en">
 82 <head>
 83     <meta charset="UTF-8">
 84     <title>Document</title>
 85 </head>
 86 <body>
 87
 88     //需求:打印宽9,长9的正方形<br>
 89     //需求:打印宽9,长9的直角三角形<br>
 90 </body>
 91 </html>
 92 <script>
 93     for(var j=1;j<=9;j++){
 94         for(var i=1;i<=9;i++){
 95             document.write("★");
 96         }
 97         document.write("<br>");
 98     }
 99     document.write("<br>");
100     for(var j=1;j<=9;j++){
101         for(var i=1;i<=j;i++){
102             document.write("☆");
103         }
104         document.write("<br>");
105     }
106 </script>
107 **********************************************
108 <!DOCTYPE html>
109 <html lang="en">
110 <head>
111     <meta charset="UTF-8">
112     <title>Document</title>
113 </head>
114 <body>
115
116     //需求:打印宽9,长9的正方形<br>
117     //需求:打印宽9,长9的直角三角形<br>
118     //需求:表格输出99乘法表<br>
119 </body>
120 </html>
121 <script>
122     for(var j=1;j<=9;j++){
123         for(var i=1;i<=9;i++){
124             document.write("★");
125         }
126         document.write("<br>");
127     }
128     document.write("<br>");
129     for(var j=1;j<=9;j++){
130         for(var i=1;i<=j;i++){
131             document.write("☆");
132         }
133         document.write("<br>");
134     }
135
136
137     document.write("<br>");
138
139     document.write("<table border=‘1‘>");
140
141     for(var j=1;j<=9;j++){
142         document.write("<tr>");
143         for(var i=1;i<=j;i++){
144
145             document.write("<td>");
146             document.write(i+"X"+j+"="+i*j);
147             document.write("</td>");
148
149         }
150         document.write("</tr>");
151
152     }
153
154
155     document.write("</table>");
156 </script>
157 ☆
158 ☆☆
159 ☆☆☆
160 ☆☆☆☆
161 ☆☆☆☆☆
162 ☆☆☆☆☆☆
163 ☆☆☆☆☆☆☆
164 ☆☆☆☆☆☆☆☆
165 ☆☆☆☆☆☆☆☆☆
166
167 1X1=1
168 1X2=2    2X2=4
169 1X3=3    2X3=6    3X3=9
170 1X4=4    2X4=8    3X4=12    4X4=16
171 1X5=5    2X5=10    3X5=15    4X5=20    5X5=25
172 1X6=6    2X6=12    3X6=18    4X6=24    5X6=30    6X6=36
173 1X7=7    2X7=14    3X7=21    4X7=28    5X7=35    6X7=42    7X7=49
174 1X8=8    2X8=16    3X8=24    4X8=32    5X8=40    6X8=48    7X8=56    8X8=64
175 1X9=9    2X9=18    3X9=27    4X9=36    5X9=45    6X9=54    7X9=63    8X9=72    9X9=81
176 ************************************************
177 下三角:
178   document.write("<table border=‘1‘>");
179         for(var i=9;i>=1;i--){
180             document.write("<tr>");
181             for(var j=1;j<=i;j++){
182                 document.write("<td>");
183                 document.write(j+"X"+i+"="+i*j);
184                 document.write("</td>");
185             }
186             document.write("</tr>");
187         }
188         document.write("</table>");
189 1X9=9    2X9=18    3X9=27    4X9=36    5X9=45    6X9=54    7X9=63    8X9=72    9X9=81
190 1X8=8    2X8=16    3X8=24    4X8=32    5X8=40    6X8=48    7X8=56    8X8=64
191 1X7=7    2X7=14    3X7=21    4X7=28    5X7=35    6X7=42    7X7=49
192 1X6=6    2X6=12    3X6=18    4X6=24    5X6=30    6X6=36
193 1X5=5    2X5=10    3X5=15    4X5=20    5X5=25
194 1X4=4    2X4=8    3X4=12    4X4=16
195 1X3=3    2X3=6    3X3=9
196 1X2=2    2X2=4
197 1X1=1
198 **********************************************
199 计算出1—100之间所有不能被3整除的整数的和大于(或等于)2000的数字。
200 var sum=0;
201      for(var i=1;i<=100;i++){
202          if(i%3!==0){
203              sum+=i;
204              if(sum>=2000){
205                  document.write(sum+"<br>");
206              }
207          }
208
209 ******************************************
210 //计算出1到100之间所有不能被7整除的整数之和(用continue)
211         var sum=0;
212         for(var i=1;i<=100;i++){
213             if(i%7===0){
214                 continue;//4315
215                 //break;//21  1+2+3+4+5+6=21
216             }else{
217                 sum+=i;
218             }
219         }
220         alert(sum);
221      }
222 ******************************************
223 //求1到100之间所有不能被3整除的整数的第一个大于2000的和
224 var sum=0;
225         for(var i=1;i<=100;i++){
226             if(i%3===0){
227                 continue;
228                 }
229                 sum+=i;
230                 if(sum>2000){
231
232                     alert(sum);
233                     break;
234                 }
235             }
236 ***************************************
237   //求200-300之间第一个能被7整数的数
238            for(var i=200;i<=300;i++){
239                     if(i%7===0){
240                         alert(i);
241                         break;
242                     }
243                     }
244 ********************************************
245 死循环(去掉注释就不死循环)
246    var sum = 0;
247    var i=1;
248    while(true){
249        sum+=i;
250        i++;
251       // if(i>100){
252           // break;
253        //}
254    }
255    alert(sum);
256 ***************************************
257     //一、求一组数中的所有数的和和平均值
258         var a=[20,33,55];
259         var sum=0;
260         var avg=0;
261         var l=a.length;
262         for(var i=0;i<l;i++){
263              sum+=a[i];
264         }
265        avg=sum/l;
266        document.write(avg);
267 ***********************************************
268  //三、求一组数中的最大值和最小值 并给出位置;
269   var a=[10,20,40,30];
270   var max=a[0];//不能指定一个数为最大值[var max=0](除非是确定的情况下),应该用数组里面的值,a[0]即让数组第一个值作为比较的最大值.
271   var maxaddress=0;
272   var min=a[0];
273   var minaddress=0;
274   for(var i=0;i<a.length;i++){
275       if(max<a[i]){
276           max=a[i];
277           maxaddress=i
278       }
279       if(min>a[i]){
280           min=a[i];
281           minaddress=i
282       }
283   }
284   alert("最大数为"+max+"位置为第"+(maxaddress+1)+"个");
285   alert("最小数为"+min+"位置为第"+(minaddress+1)+"个");
286 *******************************************************
287 <!DOCTYPE html>
288 <html lang="en">
289 <head>
290     <meta charset="UTF-8">
291     <title>Document</title>
292     <script>
293         //var a=new Array(-12,34,56,88,32,"aa","-34.33","-34.34",12.23);
294         /*var a=new Array(prompt("请输入数字"));
295         document.write(a);*/
296         var b=prompt("请输入要比较的数,用\",\"号隔开");
297         var a=new Array();
298         a=b.split(",");
299         // for(var j=0;j<a.length;j++){
300         //          document.write(a[j]);
301         // }
302         alert(typeof(a)+"  JS数组本质是对象啊!!");//本质是对象 PHP数组就是数组,没有属性(比如length)
303         document.write(a+"<br>");
304         console.log(a+"<br>");
305         var max=parseFloat(a[0]);
306         //document.write(max);
307         var maxaddress=0;
308         var min=parseFloat(a[0]);
309         var minaddress=0;
310
311         for(var i=0;i<=a.length;i++){
312             var shu=parseFloat(a[i]);
313             if(shu>max){
314                 max=shu;
315                 maxaddress=i;
316             }
317             if(shu<min){
318                 min=a[i];
319                 minaddress=i;
320             }
321         }
322         document.write("最大数为"+max+"位置为第"+(maxaddress+1)+"个"+"<br>");
323         document.write("最小数为"+min+"位置为第"+(minaddress+1)+"个");
324     </script>
325 </head>
326 <body>
327
328 </body>
329 </html>
330 *************************************************
331
332         //三、将字符串数组用|或其他符号分割
333    var arr = ["吕超","赵云","典韦","关羽","马超","张飞"];
334    var str = arr[0];
335    var separator = "|";
336   //为了避免第一个名字前有|,把第一个名字从数组中取出,赋值给str,然后在链接其他名字。
337    for(var i=1;i<arr.length;i++){
338        str += separator+ arr[i];
339    }
340    document.write(str);
341
342 //即str=arr[0]+|+arr[1]+|+arr[2]+|......
343 ****************************************************
344  //四、将数组中值为0的去掉,不为0的存入一个新数组
345    var arr=["吕超",0,"赵云","典韦",0,"关羽","马超",0,"张飞",0];
346    var arr2=new Array();
347    for(var i=0;i<arr.length;i++){
348        if(arr[i]===0){
349            continue;
350        }else{
351            arr2[arr2.length]=arr[i];//arr2.length是关键点
352        }
353    }
354    document.write(arr2+"<br>");
355 **********************************************
356
357     //四、将数组中值为0的去掉,不为0的存入一个新数组
358 //    var arr = [0,"刘备",0,"关羽",0,"张飞",0];
359 //    var newArr = [];
360 //    for(var i=0;i<arr.length;i++){
361 //        //判断,如果不是0,放入新数组
362 //        if(arr[i] !== 0){
363 //            newArr[newArr.length] = arr[i];
364 //        }
365 //    }
366 //    console.log(newArr);
367
368 **************************************
时间: 2024-11-05 11:03:19

JS小案例(基础好烦恼少)----持续更新的相关文章

还是Robotium娱乐小工具,取名LikeMonkey(持续更新成果,纯属娱乐,请勿吐槽)

这是我入职新公司以来第一个相对来说比较成型的工具,虽然功能是那么的弱智,但是基本上我是抱着认真的态度来看待这个工具的开发 废话不多说,首先阐明一下这个工具的意图: 意图:起因是当时需要测试公司APK的稳定性,开发建议使用Monkey,但是Monkey是有很多弊病的,比如加-p参数即使加了指定包名,也还是会有时跳出被测程序,跑到OS里去执行:还比如测试中经常会有需要模拟按键的操作,比如音量,HOME之类的,这些是我所不需要的,而恰恰公司4个APK中都有的左滑右滑貌似没有支持,所以萌生出了一个自己用

JS小案例分析

a.微博输入删除小案例 <!DOCTYPE html><html><head lang="en"> <meta charset="UTF-8"> <title></title> <style> * { margin: 0; padding: 0; } ul { list-style: none; } .box { width: 600px; margin: 100px auto; b

node.js(小案例)_实现学生信息增删改

一.前言 本节内容主要对小案例做一个总结: 1.如何开始搭建小项目 2.路由设计 3.模块应用 4.项目源码以及实现过程github地址: 项目演示如下: 二.主要内容 1.项目的关键性js源码: 项目的入口: /** * app.js 入门模块 * 职责: * 创建服务 * 做一些服务相关配置 * 模板引擎 * body-parser 解析表单 post 请求体 * 提供静态资源服务 * 挂载路由 * 监听端口启动服务 */ var express = require('express') v

js的兼容问题以及解决方式(持续更新)

我们在使用js操作页面的时候兼容问题是很常见的,下面将常见的兼容问题及其对应的解决方法分享给大家,并持续更新: 1.获取事件对象的兼容写法: IE中:window.event 正常浏览器中:对象.on事件 = function(event){} //包装函数兼容写法:function fn(eve){ var e = eve || window.event; } 2.键盘按键获取的兼容写法: //先获取键盘事件对象 var eve = eve || window.event //在通过键盘事件对

Java基础知识汇总(持续更新)

持续更新算是给自己立个flag,截图来自内部课程,内容很杂,后续整理归类... Mobile apple;apple = new Mobile("Apple","iPhone Xs Max",8499); 创建对象后,相当于在内存中保存了对象的地址,通过对象的地址找到对象的本身,从而找到相关的属性 成员变量默认初始值: 编码规范:包:全小写,名词.公司.团队组织名域名的反写:类名:名词或名词性短语,首字母大写,多个单词首字母均大写:接口:等同于类:方法:动词或动宾短

Vue.js小案例(1)

数据绑定 数据绑定是vue.js的基础.本例中就是利用了vue.js的v-model指令在表单元素上创建双向数据绑定. <!--这是我们的View--> <div id="app"> <p>{{ message }}</p> <input type="text" v-model="message"/> </div> <script> // 这是我们的Model n

10个js小案例

知识梳理: 1.DOM(document object model)文档对象模型:html(标签对象集合) 标签名获取对象:document.getElementsByTagName('标签名');//返回的是一个数组 类名获取对象:document.getElementsClassName('类名’);//返回的是一个数组 id获取(id唯一):document.getElementById(); 获取内容标签:innerText,innerHTML 区别:innerHTML可以把标签写进ht

Vue.js小案例(2)

即时搜索 这个例子主要应用了vue.js的自定义过滤器,可以通过Vue.filter()注册一个全局过滤器,具体用法可以参考这里,vue.js也提供了一些内置过滤器. CSS代码: [v-cloak] { display: none; } *{ margin:0; padding:0; } body{ font-family:Microsoft YaHei; text-align:center; } li{ list-style:none; } .bar{ background-color:#5

js小案例:5同学投票竞选班长

<script>var array1=new Array();var array2=new Array();for(var i=0;i<5;i++){ array1[i]=0; array2[i]=1;}for(var i=1;i<5;i++){ array2[i]=parseInt(array2[i-1])+1; }var fei=0;var piao=0;for(var i=0;i<20;i++){ var value=prompt("第"+(i+1)