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("&
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值