HTML/javascript打印九九乘法表

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>九九乘法表</title>
    <style>
        *{padding: 0;
        margin: 0}
        table {
            border: 2px solid black;
            text-align: center;
            width: 800px;
            height: 400px;
            margin-top: -150px;
            border-collapse: collapse;
            }
        td {
            border: 1px solid black;
                   }
    </style>
</head>
<body>

<script type="text/javascript">
    <!--col代表列-->
    /*row代表行*/
document.write('<table>');
    for (var row=1;row<=9;row++){
        document.write('<tr>');
        for (var col=1;col<=row;col++){
            var ji=col*row;
            document.write('<td>'+col+'*'+row+'='+ji+'&nbsp'+'<td>' );
        }
        document.write('</tr>');
        document.write('<br>')
    }
document.write('</table>');
</script>
</body>
</html>

在这里插入图片描述

猜你喜欢

转载自blog.csdn.net/YPL_ZML/article/details/88836855