JavaScript如何做九九乘法表?

JavaScript023

JavaScript如何做九九乘法表?,第1张

代码如下:

<!DOCTYPE html>

<html>

<head>

<meta charset="UTF-8">

<title>Title</title>

</head>

<body>

<script>

var num=0

for(var i=1 i<10i++){

for(var j=1j<10j++){

num=i*j

if(num/10<1){

num="&nbsp&nbsp"+i*j

}

if(j<=i) {

document.write(j + "*" + i + "=" + num + "&nbsp&nbsp&nbsp&nbsp")

}

}

document.write("<br>")

}

</script>

</body>

</html>

扩展资料:

JavaScript For 循环

JavaScript 支持不同类型的循环:

for - 循环代码块一定的次数

for/in - 循环遍历对象的属性

while - 当指定的条件为 true 时循环指定的代码块

do/while - 同样当指定的条件为 true 时循环指定的代码块

下面是 for 循环的语法:

for (语句 1语句 2语句 3)

{

被执行的代码块

}

语句 1 在循环(代码块)开始前执行;

语句 2 定义运行循环(代码块)的条件;

语句 3 在循环(代码块)已被执行之后执行。

参考资料:百度百科-JavaScript

控制台?效果如下:

js代码如下:

<script type="text/javascript">

console.log("九九乘法表")

    

for ( var x = 1 x <= 9 x++) {

    str=""

    for ( var y = 1 y <= x y++) {

str+=x + "*" + y + " = " + (x * y)+"  "

    }

    console.log(str)

}

</script>

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>