倒立的乘法表用js怎么编写?

发布网友发布时间：2022-04-22 19:36

我来回答

共3个回答

热心网友时间：2022-04-22 21:06

具体代码写法如下：

<!DOCTYPE html>

<head>

<title>Document</title>

</head>

<body>

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开始递增到等于乘数。

热心网友时间：2022-04-22 22:24

for(var i = 9;i > 0; i --){
    for(var j = 1; j <= i; j++){
        if(i === j){
            document.write(j + '*' + i + '=' + i*j + ' ');
            document.write('<br />');
        }else{
            document.write(j + '*' + i + '=' + i*j + ' ');
        }
    }
}

热心网友时间：2022-04-22 23:58

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Document</title>
<style>
    *{margin:0;padding:0;}
    p span{padding:5px;}
    p{margin-bottom:5px;overflow: hidden;}
</style>
</head>
<body>
    <div id="div"></div>
<script>
    var oD=document.getElementById('div'),
    str='';
    for(var i=9;i>0;i--){
        var op='<p>';
        for(var j=1;j<=i;j++){
            op+='<span>'+j+'x'+i+'='+(i*j)+'</span>'
        }
        op+='</p>';
        str+=op;
    }
    console.log(str);
    oD.innerHTML=str;
</script>
</body>
</html>