首页 > 代码库 > JS小案例(基础好烦恼少)----持续更新
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 **************************************
JS小案例(基础好烦恼少)----持续更新
声明：以上内容来自用户投稿及互联网公开渠道收集整理发布，本网站不拥有所有权，未作人工编辑处理，也不承担相关法律责任，若内容有误或涉及侵权可进行投诉： 投诉/举报 工作人员会在5个工作日内联系你，一经查实，本站将立刻删除涉嫌侵权内容。