純JS實現(xiàn)九九乘法表

為了熟悉JS循環(huán)語句,寫了一個九九乘法表,僅供參考:


深度截圖20170707113911.png

如果您有更好的想法,歡迎交流……一只正在飛起的前段小菜鳥~~

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>九九乘法表</title>
<script>
  /*
  第一行:1×1=1
  第二行:2×1=2     2×2=4
  第三行:3×1=3     3×2=6      3×3=9
………列數(shù)隨著行數(shù)的改變而改變…… 
  */ 
 document.write("<h1>九九乘法表</h1>");
  document.write("<table border='2px' width='900px'>");
    for(var i=1;i<=9;i++){ //用i表示行數(shù)
         document.write("<tr>");
        //document.write(i);
          for(var j=1;j<=i;j++){ //用j表示列數(shù),列數(shù)隨著行數(shù)改變而改變
                document.write("<td align='center'>");
                //document.write(j);
                   document.write(i+"×"+j+"="+i*j);
                document.write("</td>");
                }  
          document.write("</tr>");
        }
document.write("</table>")
</script>
</head>
<body>
</body>
</html>

最后編輯于
?著作權歸作者所有,轉載或內容合作請聯(lián)系作者
平臺聲明:文章內容(如有圖片或視頻亦包括在內)由作者上傳并發(fā)布,文章內容僅代表作者本人觀點,簡書系信息發(fā)布平臺,僅提供信息存儲服務。

推薦閱讀更多精彩內容

  • ¥開啟¥ 【iAPP實現(xiàn)進入界面執(zhí)行逐一顯】 〖2017-08-25 15:22:14〗 《//首先開一個線程,因...
    小菜c閱讀 6,523評論 0 17
  • 上節(jié)課主要講解的是JavaScript代碼的規(guī)范和格式。這節(jié)課來具體講解關于變量、數(shù)據(jù)類型和運算符的基礎知識,然后...
    學哥量化交易學習閱讀 2,340評論 1 6
  • Android 自定義View的各種姿勢1 Activity的顯示之ViewRootImpl詳解 Activity...
    passiontim閱讀 173,301評論 25 708
  • 想把住了近十年的宿舍,稍微改變一點,給它配個毛巾架,和掛外套的衣鉤,或者衣架也行?希望老公能支持我。
    海魚緣閱讀 204評論 5 6
  • 關于他人品質,我們常常用是否靠譜概括,那大家知道它的含義嗎? 這是我最近接觸到的,靠譜,譜即家譜,你是個品質好...
    Yessania閱讀 185評論 0 0