使用JS如何寫的九九乘法表

這篇文章主要介紹了JS基於for語句編寫的九九乘法,涉及for語句循環輸出結合table表格佈局實現九九乘法功能的相關操作技巧,需要的朋友可以參考下

本文實例講述了JS基於for語句編寫的九九乘法表。分享給大家供大家參考，具體如下：

js的功能非常強大,那麼現在我們就用js裡面的for循環來輸出一個原汁原味的九九乘法表;

先看運行效果：

核心程式碼如下：

<script type="text/javascript">
 document.write(&#39;<table border="1" bgcolor="#ccc" width="80%" cellpadding="0" cellspacing="0">&#39;);
 for(var i=1;i<=9;i++){
 document.write(&#39;<tr>&#39;);
  for(var j=1;j<=i;j++){
  document.write(&#39;<td>&#39;+i+&#39;x&#39;+j+&#39;=&#39;+(i*j)+&#39;</td>&#39;);
  }
 document.write(&#39;</tr>&#39;);
 }
 document.write(&#39;</table>&#39;);
</script>

大家可以試著去走一下循環,我們把九九乘法表的兩個乘數設為兩個變數,分別是i和j;

當i=1時滿足for迴圈的條件,執行迴圈語句,先輸出一個(table標籤裡面的行屬性),然後執行tr裡面的另一個for迴圈;

令j=1,j<=i,此時的i=1,符合迴圈條件,執行迴圈語句,輸出1*1=1;j 之後j的值變成了2;我們再來看j<=i,就是2<=1是錯誤的,因此終止迴圈;

我們第一遍迴圈就輸出了一行,行裡面的內容是1*1=1;那我們在用i 令i=2執行循環,同樣根據上面的來走循環;

知道i走到9再往下走到10不符合條件的時候,終止整個循環,我們就輸出了一個原汁原味的九九乘法表;

上面是我整理給大家的，希望今後會對大家有幫助。

相關文章：

利用fullpage.js實作捲動方式

使用npm安裝Electron失敗的問題

微信小程式使用Promise如何實現回呼？

在JS中指令模式概念與用法（詳細教學）

#使用selenium抓取淘寶資料資訊

使用百度地圖如何實作地圖網格

以上是使用JS如何寫的九九乘法表的詳細內容。更多資訊請關注PHP中文網其他相關文章！