我正在使用 JS 和 HTML 製作一個(gè)簡(jiǎn)單的隨機(jī)數(shù)產(chǎn)生器遊戲。在這個(gè)遊戲中,您可以設(shè)定隨機(jī)數(shù)的最小值和最大值。
但是,當(dāng)設(shè)定變數(shù)並記錄結(jié)果時(shí),出現(xiàn)了不可能的數(shù)字。例如,如果我將最小值設(shè)為 50,最大值設(shè)為 100,則會(huì)顯示 58650 、 16750 或 31450 等答案。我注意到你設(shè)定的最小數(shù)字總是出現(xiàn)在最後。我嘗試過(guò)更改格式並更改程式碼,但似乎沒(méi)有任何效果。
有誰(shuí)知道這個(gè)問(wèn)題的解決方法嗎?非常感謝您的幫助,謝謝! !
Home.html(可能不是問(wèn)題):
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Random Number Generator</title> <link rel="stylesheet" href="style.css"> </head> <body> <h1 class="Title">Random Number Generator</h1> <hr> <div class="container"> <p> Enter 2 numbers that you want the random number to be in between</p> <p id="result" class="hide"></p> <div class="container2"> <input id="inputmin" class="numinput" type="text"> <p>-</p> <input id="inputmax" class="numinput" type="text"> </div> <button id="submitbtn" class="submitbtn">Generate</button> </div> <script src="/Home.js"></script> </body> </html>
Home.js:
const usermininput = document.getElementById("inputmin") const usermaxinput = document.getElementById("inputmax") const usersubmitBtn = document.getElementById("submitbtn") const result = document.getElementById("result") function random(min, max) { return Math.floor(Math.random() * max) + min; } usersubmitBtn.addEventListener("click", () =>{ const usermin = usermininput.value const usermax = usermaxinput.value console.log(random(usermin,usermax)) })
輸入元素的 value
屬性是字串,因此您需要先將其轉(zhuǎn)換為數(shù)字(否則,
執(zhí)行字串連接而不是加法)。這可以使用一元加運(yùn)算子來(lái)完成,即 const usermin = usermininput.value
和 const usermax = usermaxinput.value
。
或者,使用 並存取
valueAsNumber
屬性。
const usermininput = document.getElementById("inputmin") const usermaxinput = document.getElementById("inputmax") const usersubmitBtn = document.getElementById("submitbtn") const result = document.getElementById("result") function random(min, max) { return Math.floor(Math.random() * max) + min; } usersubmitBtn.addEventListener("click", () => { const usermin = usermininput.valueAsNumber; const usermax = usermaxinput.valueAsNumber; console.log(random(usermin, usermax)); })
Random Number Generator
Enter 2 numbers that you want the random number to be in between
-