如何在隨機生成的數字上添加函數

Question

是否可以在隨機生成的數字上添加 function。 例如，我使用getRndInteger(min, max) 、 Math.floor()和Math.random()生成隨機數，並在這些數字中添加 function 以查看生成的數字中哪個最大。 我在想也許可以將每個隨機數字放在數組中並在它們上使用Math.max() ，但我不太確定你如何將這些數字放在 function 中，例如點擊時，你會看到生成的數字和它下面的結果（其中最大的數字）。 我主要想知道這是否可能，如果可能，如何。 我會非常感謝！

所以我特別想使用從 -35 到 76 的隨機數，包括 -35 和 76。我制作了一個按鈕，點擊時會顯示隨機數。 我的另一個問題是，我不確定如何一個接一個地添加隨機數字，而不是在點擊時添加新數字。 （哈哈對不起，如果這是一個超級新手問題）。 然后我在顯示答案的段落上放了一個 id。 我正在考慮將document.getElementById("")用於Math.max.apply()並使用另一個 ID 制作另一個段落來顯示答案。

<button onclick="document.getElementById('result').innerHTML = getRndInteger(-35,76)">Click Me</button>

Chosen number:
<p id="result"></p>

Biggest number:
<p id="result2"> </p>

<script>
    function getRndInteger(min, max) {
        return Math.floor(Math.random() * (max - min)) + min;
    }

</script>

<script>
       Array.max = function(document.getElementById("result");) {
        return Math.max.apply(document.getElementById"result");
    };

</script>

當我將.getElementById() Math.max.apply()時，即使單擊，java 腳本也不再加載隨機數。 也許您必須在答案中添加 id 或其他內容，我在這里完全沒有想法。 任何幫助將不勝感激！ 我還希望我仍然使用Math.max()來執行此操作並避免任何過於復雜的代碼來理解問題並在未來的代碼中使用答案。 謝謝你的負載！

Answer 1

生成新數字時，將其添加到數組中，然后計算Math.max(...array) ：

 <button onclick="update()">Click Me</button> Chosen number: <p id="result"></p> Biggest number: <p id="result2"> </p> <script> let numbers = []; function getRndInteger(min, max) { return Math.floor(Math.random() * (max - min)) + min; } function update() { let newNumber = getRndInteger(-35, 76); numbers.push(newNumber); let max = Math.max(...numbers); document.getElementById('result').innerHTML = numbers; document.getElementById('result2').innerHTML = max; } </script>

文檔：

• https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Array/push
• https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Math/max

Answer 2

您應該存儲先前生成的最大數字，以便能夠確定當前生成的數字高於它。 請參閱片段以獲得一個想法。

 (() => { let max = null; const range = { min: -35, max: 76 }; const result = document.querySelector("#result"); const maxResult = document.querySelector("#resultMax"); const allNrs = document.querySelector("p#all"); document.querySelector("button").addEventListener("click", handleButtonClick); function handleButtonClick() { const someRandomNumber = getRndInteger(range.min, range.max); result.textContent = someRandomNumber; max = max && someRandomNumber > max? someRandomNumber: max? max: someRandomNumber; maxResult.textContent = max; allNrs.textContent += ` ${someRandomNumber} `; } function getRndInteger(min, max) { return Math.floor(Math.random() * (max - min)) + min; } })();

 #all { max-width: 400px }

 <p> <button>Click Me</button> </p> Random number: <span id="result"></span> <br>Biggest number until now: <span id="resultMax"></span> <div> <br>All numbers until now: <p id="all"></p> </div>