当前位置：首页 > article >正文

想法分享，利用html通过求输入框中用户输入数组的最大值

article 2025/1/15 11:44:35

我有一个非常有趣的想法做一个网页求用户输入的数组的最大值 1.直接让用户输入进一个类似数组的容器，输入几个数字之后，点击按钮 2.这个方法不行，因为form表单没有直接类似数组的容器，所以用input输入框代替 3.Input直接输入的是字符串要先转为数组，可以直接用split方法，因为split方法可以将字符串转为数组并正好可以分割 4.数组的最大值可以用for循环遍历然后用if语句判断最后输出最大值 5.最后输出最大值可以用input框的value属性然后用document.getElementById("input2").value = max; 6.最后输出最大值可以用input框的value属性然后用document.getElementById("input2").value = max;

确实可以通过网页来实现求用户输入的数组的最大值。下面是一个简单的HTML和JavaScript代码示例，来实现这个需求：

<!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>
    <label for="input1">请输入数组元素（用逗号分隔）：</label>
    <input type="text" id="input1" placeholder="例如：1,2,3,4,5">
    <button onclick="findMax()">求最大值</button>
    <br><br>
    <label for="input2">最大值是：</label>
    <input type="text" id="input2" readonly>

    <script>
        function findMax() {
            // 获取用户输入的字符串
            var inputStr = document.getElementById("input1").value;
            // 将字符串按逗号分隔成数组
            var arr = inputStr.split(",");
            // 将数组的每个元素转换为数字
            for (var i = 0; i < arr.length; i++) {
                arr[i] = parseFloat(arr[i].trim());
            }
            // 初始化最大值为数组的第一个元素
            var max = arr[0];
            // 遍历数组求最大值
            for (var i = 1; i < arr.length; i++) {
                if (arr[i] > max) {
                    max = arr[i];
                }
            }
            // 将最大值输出到另一个input框中
            document.getElementById("input2").value = max;
        }
    </script>
</body>
</html>

这个网页允许用户在一个输入框中输入用逗号分隔的数字，然后点击按钮后，会计算这些数字中的最大值，并将结果显示在另一个输入框中。

具体步骤如下：