我想在javascript/html随机数生成器

atmip9wb 于 2023-01-07 发布在 Java

关注(0)|答案(2)|浏览(180)

基本上我想接受两个值

var a,b;

然后将它们放入随机数生成器的max和min中

let x = Math.floor((Math.random() * 10) + 1);
 document.getElementById("demo").innerHTML = x;

如何将 10 和 1 的值设为var a and b;

<!DOCTYPE html>
<html> 
<head>
<title> TEST </title> 
<script type="text/javascript">
function random()
{
var a,b; 
a=parseInt(form.v1.value);
b=parseInt(form.v2.value);
}

我已经做了这个代码来接受值，现在我如何输入到我的随机数生成器的最大值和最小值

JavaScript

来源：https://stackoverflow.com/questions/75032838/i-want-to-make-random-number-generator-in-javascript-html

2条答案

按热度按时间

djp7away1#

下面是一个如何做到这一点的示例。
然而对于一个真实的应用程序来说，在你的代码中使用用户输入之前验证它是很重要的。例如，你应该检查最大值是否大于最小值，是否没有恶意代码插入等等。

btn = document.getElementById("button");

    btn.addEventListener("click", () => {
      minInput = document.getElementById("min");
      maxInput = document.getElementById("max");

      min = Number(minInput.value);
      max = Number(maxInput.value);

      randomNumber = document.getElementById("random-number");

      randomNumber.textContent = Math.floor(
        Math.random() * (max - min + 1) + min
      );
    });

<body>
    <h1>Random number generator</h1>
    <div style="display: flex; flex-direction: column; max-width: 300px">
      <label for="max">Type your minimum here</label>
      <input type="number" id="min" />
      <label for="min">Type your maximum here</label>
      <input type="number" id="max" />
      <button id="button">Generate random number</button>
      <h2 id="random-number" style="text-align: center">...</h2>
    </div>
  </body>

赞(0）回复(0）举报 2023-01-07

pkwftd7m2#

let x = Math.floor((Math.random() * 10) + 1);

基本上这行创建一个1到10之间的随机数，...

现在让我们定义一个函数来简化它

function randomGen(min, max){
   let result = Math.floor((Math.random() * max) + min);
   return result
}

获取a和B的值

要获取a和B的值，可以在调用函数的窗体中使用onclick事件

<button onClick="yourFunction()"> Create random </button>

赞(0）回复(0）举报 2023-01-07

我来回答

我想在javascript/html随机数生成器

2条答案

现在让我们定义一个函数来简化它

获取a和B的值

相关问题

热门标签

最新问答