9x9乘法表

ycxom2024年12月9日小于 1 分钟

练习for循环配合

for(let x = 1 ; x <= 9; x++){
    for(let y = 1 ; y <= x ; y++){
        let z = x * y
            // document.write(`${y} x ${x} = ${z}  `)
            document.write(`<span> ${y} x ${x} = ${z} </span>`)
            // writeDiv.innerHTML = `<td> ${y} x ${x} = ${z} <td>`
        }
    document.write(`<br>`)
}

完整网页

<!DOCTYPE html>
<html lang="en">
    <head>
        <meta charset="UTF-8">
        <meta name="viewport" content="width=device-width, initial-scale=1.0">
        <title>Document</title>
        <style>
            span {
                width: 90px;
                text-align: center;
                display: inline-block;
                padding: 8px 12px;
                border: 1px solid #ddd;
                border-radius: 5px;
                margin: 5px;
                background-color: #eaf7ff;
                color: #007bff;
                font-weight: bold;
            }

        </style>

    </head>
    <body>
        <script>

            for(let x = 1 ; x <= 9; x++){
                for(let y = 1 ; y <= x ; y++){
                    let z = x * y
                    // document.write(`${y} x ${x} = ${z}  `)
                    document.write(`<span> ${y} x ${x} = ${z} </span>`)
                    // writeDiv.innerHTML = `<td> ${y} x ${x} = ${z} <td>`
                }
                document.write(`<br>`)
            }
    </script>

    </body>
</html>