利用js,html。输入十个数字，输出最大值，最小值，平均值，求和值。

沐丿白

已于 2023-02-28 09:52:53 修改

阅读量1.7k

点赞数 1

文章标签： html javascript 前端

于 2023-02-28 09:31:48 首次发布

本文链接：https://blog.csdn.net/qq_73648813/article/details/129254976

版权

<!DOCTYPE html>
<html>
<head>
    <title>计算数字</title>
</head>
<body>
    <script>
        // 弹出对话框让用户输入10个数字，以逗号隔开
        var inputStr = prompt("请输入10个数字，以逗号隔开：");
        
        // 将用户输入的字符串按逗号分割为数组
        var numbers = inputStr.split(",");
        
        // 将数组中的字符串转换为数字
        for (var i = 0; i < numbers.length; i++) {
            numbers[i] = parseFloat(numbers[i]);
        }
        
        // 计算最大值、最小值、平均值和总和
        var max = Math.max.apply(null, numbers);
        var min = Math.min.apply(null, numbers);
        var sum = numbers.reduce(function(a, b) { return a + b; });
        var avg = sum / numbers.length;
        
        // 在网页上显示结果
        document.write("最大值：" + max + "<br>");
        document.write("最小值：" + min + "<br>");
        document.write("平均值：" + avg + "<br>");
        document.write("求和值：" + sum + "<br>");
    </script>
</body>
</html>

<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <title>计算最大值、最小值、平均值和总和</title>
</head>
<body>
    <h1>计算最大值、最小值、平均值和总和</h1>
    <p>请输入十个数，用逗号隔开：</p>
    <input type="text" id="numbers">
    <button onclick="calculate()">计算</button>
    <p>最大值：<span id="max"></span></p>
    <p>最小值：<span id="min"></span></p>
    <p>平均值：<span id="avg"></span></p>
    <p>总和：<span id="sum"></span></p>

    <script>
        function calculate() {
            // 获取用户输入的数字并转换成数组
            var numbers = document.getElementById("numbers").value.split(",");
            // 将字符串数组转换为数字数组
            for (var i = 0; i < numbers.length; i++) {
                numbers[i] = Number(numbers[i]);
            }
            // 计算最大值、最小值、平均值和总和
            var max = Math.max.apply(null, numbers);
            var min = Math.min.apply(null, numbers);
            var sum = numbers.reduce(function(a, b) { return a + b; });
            var avg = sum / numbers.length;
            // 更新 HTML 元素的内容
            document.getElementById("max").innerHTML = max;
            document.getElementById("min").innerHTML = min;
            document.getElementById("avg").innerHTML = avg;
            document.getElementById("sum").innerHTML = sum;
        }
    </script>
</body>
</html>

沐丿白

关注

1
点赞
踩
9

收藏

觉得还不错? 一键收藏
0
评论
利用js,html。输入十个数字，输出最大值，最小值，平均值，求和值。

<!DOCTYPE html><html><head> <title>计算数字</title></head><body> <script> // 弹出对话框让用户输入10个数字，以逗号隔开 var inputStr = prompt("请输入10个数字，以逗号隔开："); // 将用户输入的字符串按逗号分割为数组
复制链接

扫一扫