從用戶輸入中找到 Javascript 中的最高數字

Question

我嘗試了兩種不同的 Javascript 代碼來從三個用戶輸入中找到最大的數字。 我沒有從任何代碼中獲得最高數字。 請幫忙！

HTML 代碼：

    Assignment 1: <input type="text" name="num1"><br>
    Assignment 2: <input type="text" name="num2"><br>
    Assignment 2: <input type="text" name="num3"><br>

    <input type="button" id="high" value="high" onclick="high()">
    <input type="text" id="avg">

    <p id="result"></p>

JavaScript 代碼（嘗試 1）：

function high() {
        let num1 = document.getElementsByName("num1")[0].value;
        let num2 = document.getElementsByName("num2")[0].value;
        let num3 = document.getElementsByName("num3")[0].value;

        var avg = Math.max(Number(num1),Number(num2),Number(num3))

        document.getElementById("result").innerHTML=avg;

JavaScript 代碼（嘗試 2）：

function high() {
    let num1 = document.getElementsByName("num1")[0].value;
    let num2 = document.getElementsByName("num2")[0].value;
    let num3 = document.getElementsByName("num3")[0].value;

  if(Number(num1)>Number(num2) && Number(num1)>Number(num3))
    {
        document.getElementsByName("avg")[0].value = num1;
    }

   if(Number(num2)>Number(num1) && Number(num2)>Number(num3))
    {
        document.getElementsByName("avg")[0].value = num2;
    }

   if(Number(num3)>Number(num2) && Number(num3)>Number(num1))
    {
        document.getElementsByName("avg")[0].value = num3;
    }

Answer 1

你讓事情變得復雜試試這個代碼。

Assignment 1: <input type="text" name="num1"><br>
Assignment 2: <input type="text" name="num2"><br>
Assignment 2: <input type="text" name="num3"><br>

<button onclick="high()">Submit</button>

<p id="result"></p>

<script>

    function high(){
            var arr = document.querySelectorAll("input");
            var emptyarray = [];
            arr.forEach((elem) => {
                emptyarray.push(elem.value);
            })
            var max = Math.max.apply(null, emptyarray);
            document.getElementById("result").innerHTML=max;
    }
</script>

您將獲得最高的數字結果，您可以將輸入字段限制為僅輸入數字，這樣就沒有人可以添加字符串而不是數字，並且您的代碼可以正常工作。