JavaScript實現四種介面的九九乘法表

阿新 • • 發佈：2019-01-15

實現效果如下所示：

1：

2：

3：

4：

實現程式碼如下所示：

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>Insert title here</title>
<script type="text/javascript">
		function Mult_01()
		{
			document.write("<div class='div1' style='width:800px;height:500px;border: 1px solid green;text-align:left;margin: 0 auto; '>");
			document.write("<hr>");
			for(var i=1;i<=9;i++)
				{
				  for(var j=1;j<=i;j++)
					{
						document.write(j+"*"+i+"="+i*j+"    \t");
					}
			        document.writeln("<br>");
				}
			document.write("</div>");
		}
		function Mult_02()
		{
			document.write("<div class='div1' style='width:800px;height:500px;border: 1px solid green;text-align:left;margin: 0 auto; '>");
			document.write("<hr>");
			for(var i=9;i>=1;i--)
				{
				  for(var j=1;j<=i;j++)
					{
						document.write(j+"*"+i+"="+i*j+"    \t");
					}
			        document.writeln("<br>");
				}
			document.write("</div>");
		}
		function Mult_03()
		{
			document.write("<div class='div1' style='width:800px;height:500px;border: 1px solid green;text-align:right;margin: 0 auto; '>");
			document.write("<hr>");
			for(var i=1;i<=9;i++)
				{
				  for(var k=i;k<=9-i;k++)
					  {
					  document.write("        \t");
					  }
				
				  for(var j=i;j>=1;j--)
					{
						document.write(i+"*"+j+"="+i*j+"    \t");
					}
			        document.writeln("<br>");
				}
			document.write("</div>");
		}
		function Mult_04()
		{
			document.write("<div class='div1' style='width:800px;height:500px;border: 1px solid green;text-align:right;margin: 0 auto; '>");
			document.write("<hr>");
			for(var i=9;i>=1;i--)
				{
				  for(var j=i;j>=1;j--)
					{
						document.write(j+"*"+i+"="+i*j+"    ");
					}
			      for(var k=9-i;k>=1;k--)
					  {
					  document.write("\t");
			     	  }
			        document.writeln("<br>");
				}
			document.write("</div>");
		}
		實現程式碼如下所示：
</script>
<style type="text/css">
    div{
        text-align:center;
        margin: 0 auto;
       }

</style>
</head>
<body>
<div class="div1"></div>
<div>
<button onclick="Mult_01();">表一</button>
<button onclick="Mult_02();">表二</button>
<button onclick="Mult_03();">表三</button>
<button onclick="Mult_04();">表四</button>
</div>
</body>
</html>

程式碼中使用了四個按鈕，對應四個javaScript中方法，進行實現四種形態的顯示

JavaScript實現四種介面的九九乘法表

實現效果如下所示： 1： 2： 3： 4：實現程式碼如下所示： <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose

轉載：Python實現不同格式列印九九乘法表

前言：最近在學習Python，學習資源有慕課網上的視訊教程、菜鳥教程以及Python官方文件tutorial。雖然瞭解了Python的基本語法，但是還沒有真正意義上輸出自己寫的程式碼。程式碼小白，之前僅學過C，程式碼上的邏輯問題總是理不清楚，加上性格有點急躁，以前總是半途而廢，所以程式設計等級為渣。現在雖然剛

Python實現不同格式列印九九乘法表

九九乘法表Java語言實現四種形式

public class chengfabiao {/**要求：輸出九九乘法表，使用for迴圈巢狀實現四種三角形形式的九九乘法表和陣列實現*/public static void main(String[] args) {//右上三角形for (int a=9; a >

javascript輸出四種九九乘法表

<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=dev

JavaScript前端實現九九乘法表

JavaScript前端實現九九乘法表 1.通過點選網頁上的按鈕呼叫f1()函式來顯示; <html> <head> </head> <body> <div id="d1"></div> <

JavaScript 實現的九九乘法表

<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title></title> <script type="text/javascript"&

JavaScript實現九九乘法表

<!DOCTYPE html> <head> <meta http-equiv="Content-Type" content="text/html; charset=gb2312" /> <title>JavaSc

java編寫九九乘法表(三種實現方法)

//採用do while列印(九九乘法表4個) public class Test16_12{ public static void main(String[] args){ int i=1,x=9

用迴圈結構實現4種形式的九九乘法表

最近學習了python語言的迴圈結構，與其他語言不同，python語言的迴圈結構只有兩種：一是 for in 結構，另一是 while結構，在Python中，只用這兩種迴圈就可以實現所有迴圈結構的功能，相對來說對初學者來說非常友好。為了練習理解這兩種迴圈結構，試

用JavaScript實現九九乘法表

window.onload = function(){ for(var i = 1;i<10;i++){ var oUl = document.createElement('ul'); oUl.se

python實現打印九九乘法表

pen 循環 src b- 技術 gif min close ... >>> def minus(): ... x = 0 ... y = 0 ... while(x <= 9): ... whil

Python實現不同格式打印九九乘法表

語法 pytho 內容基本語法復制 strong 希望不同 itl 前言：最近在學習Python，學習資源有慕課網上的視頻教程、菜鳥教程以及Python官方文檔tutorial。雖然了解了Python的基本語法，但是還沒有真正意義上輸出自己寫的代碼。代碼小白，之前僅學

Java實驗項目二——二維數組實現九九乘法表

logs [] for 工具類 div 返回 static span dem Program：打印乘法口訣表　　　　（1）編寫一個方法，參數（二維數組），完成將二維數組中的數據按照行列顯示的工作。　　　　（2）編寫一個測試方法，給出99乘法表，放入到二維數組中，調用（1

（js）使用for循環實現九九乘法表數字顏色不同

word log i++ function -c pac bsp num number <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>

python實現不同格式九九乘法表

等號 post toolbar 乘法圖片 class log png mage 通過Python實現了輸出長方形完整格式、左上三角形、右上三角形、左下三角形以及右下三角形五種格式的九九乘法表。 1.長方形完整格式代碼： 1 #完整格式輸出九九乘法表 2 for i i

C語言for 循環 9*9 實現九九乘法表

printf sha pre tdi c語言 for循環 clu ret blog #include <stdio.h> int main(void) { //for循環實現9*9乘法表 /* 1*1=1 1*2=2 2*2=4 1*3=3 2*3

使用for循環和while循環打印三角形（附九九乘法表實現）

九九乘法表使用for / while循環輸出帶*三角形for循環方法： i = 0 for tmp in range(6): print("*"*tmp) while循環方法： i = 0 while i <= 5: print("*"*i) i += 1 效果如下： * **

用python實現九九乘法表

python每天進步一點點學到了print 竟然還有end功能。 i = 0while (i < 10):j = 1print()while (j <= i):print(str(i) + " x " + str(j) + " = ", i * j, end

shell腳本實現九九乘法表

AR 九九 bash a* 嵌套for循環 string until 9*9 amp #!/bin/bash #for嵌套for循環 #9*9乘法口訣 echo "for的九九乘法表" for(( i=1 ;i<=9;i++ )) do

JavaScript實現四種介面的九九乘法表

相關推薦