javascript - 具有交互变量的随机数生成器-6ren

javascript - 具有交互变量的随机数生成器

转载作者：行者123 更新时间：2023-11-28 03:13:21

26

4

const inputMin = document.getElementById('min');  
const inputMax = document.getElementById('max');
const done = document.getElementById('value');
const rGen = document.getElementById('rGen');

let min = 1;
let max = 100;

inputMin.addEventListener('input', updateValue);
function updateValue(ef) {
    min = + ef.target.value ;      
}
inputMax.addEventListener('input', updateValue1);

function updateValue1(e) {
    max = + e.target.value;

}
    function randomNumber(min, max) {
            return Math.floor(Math.random() * (max - min + 1) + min);

}

rGen.addEventListener('submit', (e) => {

    done["innerText"] = randomNumber(min, max);

    e.preventDefault()


});

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>generator</title>
<link rel="stylesheet" type="text/css" href="css/style.css">

</head>
    <body>

 <form id="rGen" class="form">
    <h1>Click generate </bold></h1>
    <label
            for="min">od
    </label>
    <input type="number" id="min" placeholder='1'>
    <label for="max">do</label>
    <input type="number" id="max" placeholder="100"  size="10"> <br>
    <button class="butt">GENERATE</button>
    <div id="value">
        7
    </div>
 </form>
</body>
   </html>

有人可以帮我解决这个有点困惑的代码吗，但我想在 Min> Max 时切换这两个，因为当 min > 大于 max 时，代码仍然有效并给出错误的数字，或任何如何使其更干净的建议。非常感谢

最佳答案

在调用randomNumber之前，添加检查min是否大于max。如果是这样，请切换它们。

const inputMin = document.getElementById('min');
const inputMax = document.getElementById('max');
const done = document.getElementById('value');
const rGen = document.getElementById('rGen');

let min = 1;
let max = 100;

inputMin.addEventListener('input', updateValue);

function updateValue(ef) {
  min = +ef.target.value;
}
inputMax.addEventListener('input', updateValue1);

function updateValue1(e) {
  max = +e.target.value;
}

function randomNumber(min, max) {
  return Math.floor(Math.random() * (max - min + 1) + min);
}

rGen.addEventListener('submit', (e) => {
  if (min > max) {
    var temp = min;
    min = max;
    max = temp;
  }

  done["innerText"] = randomNumber(min, max);

  e.preventDefault()
});

<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8">
    <title>generator</title>
    <link rel="stylesheet" type="text/css" href="css/style.css">
  </head>
  <body>
    <form id="rGen" class="form">
      <h1>Click generate </bold>
      </h1>
      <label for="min">od
      </label>
      <input type="number" id="min" placeholder='1'>
      <label for="max">do</label>
      <input type="number" id="max" placeholder="100" size="10"> <br>
      <button class="butt">GENERATE</button>
      <div id="value">
        7
      </div>
    </form>
  </body>
</html>

或者直接使用randojs.com 。它自动处理 max > max 的情况。

let min = 1;
let max = 100;

document.getElementById('min').addEventListener('input', function(e) {
  min = Number(e.target.value);
});

document.getElementById('max').addEventListener('input', function(e) {
  max = Number(e.target.value);
});

document.getElementById('rGen').addEventListener('submit', function(e) {
  e.preventDefault();
  document.getElementById('value')["innerText"] = rando(min, max);
});

<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8">
    <title>generator</title>
    <script src="https://randojs.com/1.0.0.js"></script>
    <link rel="stylesheet" type="text/css" href="css/style.css">
  </head>
  <body>
    <form id="rGen" class="form">
      <h1>Click generate </bold>
      </h1>
      <label for="min">od
      </label>
      <input type="number" id="min" placeholder='1'>
      <label for="max">do</label>
      <input type="number" id="max" placeholder="100" size="10"> <br>
      <button class="butt">GENERATE</button>
      <div id="value">
        7
      </div>
    </form>
  </body>
</html>

如果您选择使用randojs ，确保 html 文档的头部有这个脚本标签:

<script src="https://randojs.com/1.0.0.js"></script>

关于javascript - 具有交互变量的随机数生成器，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/59892078/

26

4

0

文章推荐： javascript - 在 medium.com 等特定图片上滚动时隐藏社交链接

文章推荐： c++ - 将字符串写入文件的最有效方法是什么？

文章推荐： html - 我如何从他的 div 容器中制作一个 div？

文章推荐： c++ - 结合2个正则表达式

Haskell:随机数
我编写了一个函数来随机从 [-10,10] 中获取一对。 import System.Random main = do { s State g a randomSt = S
Scala 随机数
好的，我了解如何在 Scala 中实现随机数生成器以及如何设置生成的随机数的上限，但我对如何更改下限感到困惑。例如: var computerGuess= scala.util.Random
Haskell:随机数
我写了一个函数来从 [-10,10] 中随机得到一对。 import System.Random main = do { s State g a randomSt = St
C# 随机数
很难说出这里要问什么。这个问题模棱两可、含糊不清、不完整、过于宽泛或夸夸其谈，无法以目前的形式得到合理的回答。如需帮助澄清此问题以便重新打开，visit the help center . 关闭 1
C#随机数
我正在做一个项目，我需要在其中生成 8 个随机数。由于某种原因，我遇到随机数部分非常耗时的问题。 8 个随机数的意思是我需要一个由数字 0-9 组成的 8 个字符长的字符串。例如 01234567 或
C 随机数
这个问题已经有答案了: Why do I always get the same sequence of random numbers with rand()? (12 个回答) 已关闭 9 年前。
使用WELL512的两个整数之间的c++随机数
我看到这个问题可能已经在这里得到回答:Random using WELL512 但是，它对用户不太友好，也没有提供如何在“真实世界”的代码片段中使用它的示例。这是我目前拥有的: #define m
python 随机数
我想知道是否有人可以为我澄清这一行。 Create a function die(x) which rolls a die x times keeping track of how many time
Python:随机数
我正在制作一款有 6 名防守球员的足球比赛。我将这段代码设置为随机让他们都向四分卫移动。我想知道是否有更好的方法来做到这一点。我知道必须有一种方法可以在没有这么多 if 语句的情况下循环它，但我对
C++ 随机数
在以下位置:http://www.fredosaurus.com/notes-cpp/misc/random.html 它提到如果我们想生成一个1-10范围内的随机数，我们可以这样做: r = (ra
C++ 随机数
如何在 Linux 和 C++ 中使用随机数？我找到了一些我想使用的代码，它有一行 srand((unsigned)time(0));//seed 但是 gcc 说 board.cpp:94:24:
JavaScript 随机数
这个问题在这里已经有了答案: Generating random whole numbers in JavaScript in a specific range (40 个答案) 关闭 9 年前。
Javascript 随机数？
我有以下脚本: Timer=0; function countdown(auctionid){ var auctions; var divs; Timer=Timer+1;
Oracle 随机数
利用oracle的dbms_random包结合rownum来实现，示例如下，随机取499户： select * from ( select * from busi.t_ar_
javascript - 随机数，不等于前一个数
我需要获取随机数，但它不应该等于之前的数字。这是我的一段代码。但这不起作用。 function getNumber(){ var min = 0; var max = 4; var i;
来自数据类型的 Haskell 随机数
我对 Haskell 还很陌生。我有一个数据类型: data Sentence= Prop Int | No Sentence | And [Sentence]
一天后种子发生变化的 Java 随机数
已关闭。这个问题是 not reproducible or was caused by typos 。目前不接受答案。这个问题是由拼写错误或无法再重现的问题引起的。虽然类似的问题可能是 on-top
java - Java 随机数
这个问题已经有答案了: How do I generate random integers within a specific range in Java? (73 个回答) 已关闭 7 年前。
javascript - 随机数 JavaScript
function getRandomArbitrary(min, max) { var r = Math.floor(Math.random() * (max - min + 1) + m
java - 随机数，非均匀分布
这个问题在这里已经有了答案: 关闭 10 年前。 Possible Duplicate: Generate random number with non-uniform density 我尝试识别/

首页

博学

6Ren·AI

商城

javascript - 具有交互变量的随机数生成器