JS小案例(基礎好煩惱少)----持續更新
阿新 • • 發佈：2017-06-18
eof 最大值 res 應該 for tin title style 最小
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小案例(基礎好煩惱少)----持續更新