javascript輸出四種九九乘法表
阿新 • • 發佈:2019-02-20
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-UA-Compatible" content="ie=edge"> <title>九九乘法表</title> <style> a{ opacity: 0; } div{ display: inline-block; width:60px; height:20px; } span{ display: inline-block; width:60px; opacity: 0; height:20px; } </style> </head> <body style="width:800px;"> <script> //九九乘法表 //第一種 //行 for(var i=1;i<=9;i++){ // 列 for(var j=1;j<=i;j++){ document.write(i+"*"+j+"="+i*j+"<a>***</a>"); } document.write("<br/>"); } document.write("<hr/>"); //第二種 //行 for(var i=9;i>=1;i--){ for(var j=1;j<=i;j++){ document.write(i+"*"+j+"="+i*j+"<a>***</a>"); } document.write("<br/>"); } document.write("<hr/>"); //第三種 //行 for( var i=1;i<=9;i++ ){ //列印空白 for( var j=1;j<=9-i;j++ ){ document.write("<span>"+i+"*"+j+"="+i*j+"</span>"+"<a>***</a>"); } //列印乘法式子 for( var k=1;k<=i;k++){ document.write("<div>"+i+"*"+k+"="+i*k+"</div>"+"<a>***</a>"); } document.write("<br/>"); } document.write("<hr/>"); //第四種 //行 for( var i=9;i>=1;i-- ){ //列印空白 for( var j=1;j<=9-i;j++ ){ document.write("<span>"+i+"*"+j+"="+i*j+"</span>"+"<a>***</a>"); } //列印乘法式子 for( var k=1;k<=i;k++){ document.write("<div>"+i+"*"+k+"="+i*k+"</div>"+"<a>***</a>"); } document.write("<br/>"); } document.write("<hr/>"); </script> </body> </html>