html5--html實現乘法口訣表
總結：
1、多種情況問題：分情況討論就出來了
2、漢字和數字的對應關系
3、相同的部分統一處理，不同的部分分別對待（這里用中間變量）
問題：九九乘法口訣
兩點提示：
- Math.floor()方法可以將浮點數取整，比如Math.floor(3.6)==3；僅暫作了解；后續課程還會詳細講解相關內容。/li>
- 該練習綜合運用了循環條件語句以及多個運算符，有一點難度，需要對之前的內容掌握比較熟練才可以理解。
代碼
1 <!DOCTYPE html> 2 <html lang="zh-cn"> 3 <head> 4 <meta charset="utf-8"> 5 <title>7-21 課堂演示</title> 6 <link rel="stylesheet" type="text/css" href="style.css"> 7 </head> 8 <body> 9 <script> 10 var str=""; 11 var arr=['一','二','三','四','五','六','七','八','九','十']; 12 for(var i=1;i<10;i++){ 13 for(var j=1;j<=i;j++){ 14 var str0=''; 15 if(i*j<10){ 16 str0='得'+arr[i*j-1] 17 }else if(i*j==10){ 18 str0='一十' 19 }else if (i*j<20) { 20 str0='十'+arr[i*j%10-1] 21 }else if (i*j%10==0) { 22 str0=arr[Math.floor(i*j/10)-1]+'十' 23 }else{ 24 str0=arr[Math.floor(i*j/10)-1]+'十'+arr[i*j%10-1]; 25 } 26 str+=arr[j-1]+arr[i-1]+str0+"    " 27 } 28 str+='<br/><br/>' 29 } 30 document.write(str) 31 32 </script> 33 </body> 34 </html>