js乘法表代碼(js的乘法)

本文目錄一覽:

JS基於for語句編寫的九九乘法表示例

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

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

先看運行效果:

核心代碼如下:

script

type=”text/javascript”

document.write(‘table

border=”1″

bgcolor=”#ccc”

width=”80%”

cellpadding=”0″

cellspacing=”0″‘);

for(var

i=1;i=9;i++){

document.write(‘tr’);

for(var

j=1;j=i;j++){

document.write(‘td’+i+’x’+j+’=’+(i*j)+’/td’);

}

document.write(‘/tr’);

}

document.write(‘/table’);

/script

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

當i=1時滿足for循環的條件,執行循環語句,先輸出一個tr(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不符合條件的時候,終止整個循環,我們就輸出了一個原汁原味的九九乘法表;

更多關於JavaScript相關內容感興趣的讀者可查看本站專題:《JavaScript數據結構與演算法技巧總結》、《JavaScript數學運算用法總結》、《JavaScript排序演算法總結》、《JavaScript遍歷演算法與技巧總結》、《JavaScript查找演算法技巧總結》及《JavaScript錯誤與調試技巧總結》

希望本文所述對大家JavaScript程序設計有所幫助。

求用js寫的九九乘法表

1、使用js的for循環輸出頁面

script language=javascript

//使用表格來寫,先定義表格       

      var table = document.createElement(“table”);       

      document.body.appendChild(table);       

      //使用border-collapse來合併單元格邊框。       

      table.style.borderCollapse=”collapse”;

      

      //開始循環編寫公式

for(var i=1; i=9; i++) {           

          //聲明行。           

          var tr = document.createElement(“tr”);           

          table.appendChild(tr);           

          for(var j =1; j =i; j++) {               

          //聲明列。               

          var td = document.createElement(“td”);               

          tr.appendChild(td);               

           //編寫口訣公式               

          var s =j+’×’+i+’=’+i*j;               

          //將公式輸進單元格內。               

          td.innerHTML =s;               

          //下面定義單元格的樣式。               

          td.style.height = “30px”;               

          td.style.width = “80px”;               

          td.style.margin = “0”;               

          td.style.padding = “5px 10px”;               

          td.style.textAlign = “center”;               

          td.style.border = “1px solid gray”;                   

          }       

      }

/script

倒立的乘法表用js怎麼編寫?

具體代碼寫法如下:

!DOCTYPE html

html lang=”en”

head

      meta charset=”UTF-8″

      titleDocument/title

/head

body

script

      document.write(“table”);    //文檔中插入table標籤,用於顯示99乘法表

      for(var x=9;x=1;x–){   //倒立乘法表,故從9開始for循環逐1減小到等於1

              document.write(“tr”);  //插入行標籤

              for(var y=1;y=x;y++){  //從1開始循環,乘到等於該行數

                     document.write(“td”+y+”*”+x+”/td”)  ;

                     //插入列標籤,顯示乘法表的每一項;

             }

            document.write(“/tr”);  //行標籤閉合

     }

    document.write(“/table”);  //table標籤閉合

     /script

    /body

    /html

2.最終效果如下圖所示:

3.思路:

 倒立的99乘法表,橫向看,乘數從9開始遞減到1,縱向看,被乘數是1開始遞增到等於    乘數。

如何用javascript編寫九九乘法表

script type=”text/javascript”

function step(){

for(i=1;i=9;i++){

for(j=1;j=i;j++){

document.write(i+”x”+j+”=”+i*j +” “);

}document.write(“br/”)

}

}

/script

/head

body onload=”step()”

/body

擴展資料

c語言九九乘法表,具體代碼如下,在Trubo2.0、3.0、VC6.0下正常。

#include stdio.h

int main(void)

{

int i,j;

for (i=1;i=9;i++)

{

for (j=1;j=i;j++)

printf(“%d*%d=%d “,j,i,j*i);

printf(“\n”);

}

}

原創文章,作者:小藍,如若轉載,請註明出處:https://www.506064.com/zh-tw/n/295602.html

(0)
打賞 微信掃一掃 微信掃一掃 支付寶掃一掃 支付寶掃一掃
小藍的頭像小藍
上一篇 2024-12-27 12:56
下一篇 2024-12-27 12:56

相關推薦

  • JS Proxy(array)用法介紹

    JS Proxy(array)可以說是ES6中非常重要的一個特性,它可以代理一個數組,監聽數據變化並進行攔截、處理。在實際開發中,使用Proxy(array)可以方便地實現數據的監…

    編程 2025-04-29
  • Python周杰倫代碼用法介紹

    本文將從多個方面對Python周杰倫代碼進行詳細的闡述。 一、代碼介紹 from urllib.request import urlopen from bs4 import Bea…

    編程 2025-04-29
  • Python字元串寬度不限制怎麼打代碼

    本文將為大家詳細介紹Python字元串寬度不限制時如何打代碼的幾個方面。 一、保持代碼風格的統一 在Python字元串寬度不限制的情況下,我們可以寫出很長很長的一行代碼。但是,為了…

    編程 2025-04-29
  • Python基礎代碼用法介紹

    本文將從多個方面對Python基礎代碼進行解析和詳細闡述,力求讓讀者深刻理解Python基礎代碼。通過本文的學習,相信大家對Python的學習和應用會更加輕鬆和高效。 一、變數和數…

    編程 2025-04-29
  • Python滿天星代碼:讓編程變得更加簡單

    本文將從多個方面詳細闡述Python滿天星代碼,為大家介紹它的優點以及如何在編程中使用。無論是剛剛接觸編程還是資深程序員,都能從中獲得一定的收穫。 一、簡介 Python滿天星代碼…

    編程 2025-04-29
  • 倉庫管理系統代碼設計Python

    這篇文章將詳細探討如何設計一個基於Python的倉庫管理系統。 一、基本需求 在著手設計之前,我們首先需要確定倉庫管理系統的基本需求。 我們可以將需求分為以下幾個方面: 1、庫存管…

    編程 2025-04-29
  • Python for循環語句列印九九乘法表

    本篇文章將詳細介紹如何使用Python的for循環語句列印九九乘法表。列印九九乘法表是我們初學Python時經常練習的一項基礎操作,也是編寫Python程序的基本能力之一。 1、基…

    編程 2025-04-29
  • 寫代碼新手教程

    本文將從語言選擇、學習方法、編碼規範以及常見問題解答等多個方面,為編程新手提供實用、簡明的教程。 一、語言選擇 作為編程新手,選擇一門編程語言是很關鍵的一步。以下是幾個有代表性的編…

    編程 2025-04-29
  • Python實現簡易心形代碼

    在這個文章中,我們將會介紹如何用Python語言編寫一個非常簡單的代碼來生成一個心形圖案。我們將會從安裝Python開始介紹,逐步深入了解如何實現這一任務。 一、安裝Python …

    編程 2025-04-29
  • 怎麼寫不影響Python運行的長段代碼

    在Python編程的過程中,我們不可避免地需要編寫一些長段代碼,包括函數、類、複雜的控制語句等等。在編寫這些代碼時,我們需要考慮代碼可讀性、易用性以及對Python運行性能的影響。…

    編程 2025-04-29

發表回復

登錄後才能評論