JavaScript九九乘法表

最新推荐文章于 2024-01-25 14:32:49 发布

原创最新推荐文章于 2024-01-25 14:32:49 发布 · 123 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#javascript

这是一个使用HTML、CSS和JavaScript实现的九九乘法表。通过内联样式设置布局，JavaScript动态生成乘法表的每个单元格，并在页面上显示。此代码片段展示了基础的前端开发技能，包括DOM操作和动态内容渲染。

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>九九乘法表</title>
    <style>
       span{
           display: inline-block;
           width: 100px;
           height: 30px;
           text-align: center;
           line-height: 30px;
           background: #ccc;
           margin: 10px;
       }
    </style>
</head>
<body>
    <script>
        for(let i=1;i<=9;i++){
            for(let j=1;j<=i;j++){
                document.write(`<span>${i}*${j}=${i*j}</span>`)
            }
            document.write(`<br/>`)
        }
    </script>
</body>
</html>