使用原生Js實現打印單組乘法表

 在學習JavaScript編程中,必不可少的練手題目必然有實現九九乘法表了。然而今天我想實現一個單組的乘法表,即1--9中的任意一個數字分別乘以1-9。

 代碼如下:

 
 /**利用JS實現4分別乘以1-9,以乘法表形式打印出來*/
 for(var i=1;i<=9;++i){ //第一層循環1-9
  for(var num=1;num<=3;++num){//第二層循環
    
    // document.write(i+"X"+num+"="+num*i+"<hr>"); 放在內層for循環裏面打印出的是1-9每個數字分別乘以1-3
  }

   document.write(i+"X"+num+"="+num*i+"<hr>");//放在外層for循環打印出4乘以1-9的乘法表
 }
	 
		   

FireFox運行效果如下



算法就是使用兩層for循環嵌套

還可以添加交互功能,讀取從鍵盤輸入的數字

當然這裏有個bug,即輸入的數字=打印出來的結果-1

 /**利用JS實現4分別乘以1-9,以乘法表形式打印出來*/
 function Sum(){
 
 var j =prompt("請輸入1-9任一個數字!");
 for(var i=1;i<=9;++i){
  for(var num=1;num<=j;num++){
    
    // document.write(i+"X"+num+"="+num*i+"<hr>"); 放在內層for循環裏面打印出的是1-9每個數字分別乘以1-3
  }

   document.write(i+"X"+num+"="+num*i+"<hr>");//放在外層for循環打印出4乘以1-9的乘法表
 }
	 
 }
          
 Sum();


輸出效果如下:





解決bug的方法很簡單,去掉第二個for循環裏面的"="即可。

 
 /**利用JS實現1-9任一數字分別乘以1-9,以乘法表形式打印出來*/
 function Sum(){
 var j =prompt("請輸入1-9任一個數字!");
 for(var i=1;i<=9;++i){
  for(var num=1;num<j;num++){
    
    // document.write(i+"X"+num+"="+num*i+"<hr>"); 放在內層for循環裏面打印出的是1-9每個數字分別乘以1-3
  }

   document.write(i+"X"+num+"="+num*i+"<hr>");//放在外層for循環打印出輸入的數字乘以1-9的乘法表
 }
	 
 }
          
 Sum();


發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章