首页
学习
活动
专区
圈层
工具
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往

js制作奇数偶数表

以下是使用 JavaScript 制作奇数偶数表的示例代码:

代码语言:txt
复制
<!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>
</head>

<body>
  <table id="numberTable" border="1">
    <tr>
      <th>数字</th>
      <th>奇偶性</th>
    </tr>
  </table>

  <script>
    // 定义要生成的数字范围
    const start = 1;
    const end = 20;

    const table = document.getElementById('numberTable');

    for (let i = start; i <= end; i++) {
      const row = table.insertRow();
      const cell1 = row.insertCell(0);
      const cell2 = row.insertCell(1);

      cell1.innerHTML = i;

      if (i % 2 === 0) {
        cell2.innerHTML = '偶数';
      } else {
        cell2.innerHTML = '奇数';
      }
    }
  </script>
</body>

</html>

在上述代码中:

  • 首先创建了一个 HTML 表格结构。
  • 通过 JavaScript 循环从起始数字到结束数字。
  • 对于每个数字,计算其对 2 的余数,如果余数为 0 则为偶数,否则为奇数,并将结果显示在表格相应的单元格中。

应用场景:

  • 可以用于教学示例,帮助初学者理解奇数和偶数的概念以及 JavaScript 的循环和条件判断。
  • 在一些数据展示和分析的场景中,对数字的奇偶性进行快速分类和呈现。
页面内容是否对你有帮助?
有帮助
没帮助

相关·内容

领券