html作业二

任务9ae729f4abd548089460199ec8c176c2.png

一、计算用户指定的数值内的奇数和。

代码:

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>计算奇数和</title>
</head>
<body>
<h1>计算奇数和</h1>
<input type="number" id="inputNumber" placeholder="请输入一个整数">
<button οnclick="calculateOddSum()">计算奇数和</button>
<p id="result"></p >

<script>
    function calculateOddSum() {
        const inputNumber = document.getElementById('inputNumber').value;
        let sum = 0;
        for (let i = 1; i <= inputNumber; i += 2) {
            sum += i;
        }
        document.getElementById('result').innerHTML = '1到' + inputNumber + '的奇数和为:' + sum;
    }
</script>
</body>
</html>

运行结果:

b4c1e6e8c11448e69115b1b4b748ba7e.png

二、使用递归计算1-100的和

代码:

<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <title>递归计算1-100的和</title>
    <script>
        function sum(n) {
            if (n === 1) {
                return 1;
            } else {
                return n + sum(n - 1);
            }
        }

        function calculateSum() {
            const result = sum(100);
            document.getElementById("result").innerHTML = "1-100的和为:" + result;
        }
    </script>
</head>
<body>
<h1>递归计算1-100的和</h1>
<button οnclick="calculateSum()">计算</button>
<p id="result"></p >
</body>
</html>

运行结果:

07553a0aa32c4751be289243de890be4.png

 

相关推荐

最近更新

  1. docker php8.1+nginx base 镜像 dockerfile 配置

    2024-01-20 12:58:04       98 阅读
  2. Could not load dynamic library ‘cudart64_100.dll‘

    2024-01-20 12:58:04       106 阅读
  3. 在Django里面运行非项目文件

    2024-01-20 12:58:04       87 阅读
  4. Python语言-面向对象

    2024-01-20 12:58:04       96 阅读

热门阅读

  1. 洛谷 P1622 释放囚犯【区间dp】

    2024-01-20 12:58:04       62 阅读
  2. 【卡梅德生物】如何制备纳米抗体?

    2024-01-20 12:58:04       45 阅读
  3. Git 的基本概念、使用方式及常用命令

    2024-01-20 12:58:04       61 阅读
  4. C++:通过ofstream写入二进制文件内容

    2024-01-20 12:58:04       60 阅读
  5. uniapp技术积累

    2024-01-20 12:58:04       50 阅读
  6. MySQL经典面试题

    2024-01-20 12:58:04       46 阅读