Javascript генератор случайных чисел в диапазоне, идущем ниже и выше заданного диапазона - PullRequest
Новая
       6

Javascript генератор случайных чисел в диапазоне, идущем ниже и выше заданного диапазона

0 голосов
/ 27 апреля 2018

Я пытался создать генератор случайных чисел с заданным диапазоном, думал, что это будет легко, и тогда без какой-либо логической причины случайное число никак не будет затронуто данным максимальным и минимальным диапазоном. Пожалуйста помоги. Вот код: 

<!DOCTYPE html>
          <html>
           <head>
             <style>
                .elements {
                text-align: center;
                 }

           .random {
                margin-top: 100px;
                width: 275px;
                height: 200px;
                font-size: 50px;
                text-align: center;
            }

            .range {
                margin: 35px 25px;
                width: 100px;
                height: 100px;
                text-align: center;
                font-size: 30px;
            }

            .generate {
                margin-top: 50px;
                width: 250px;
                height: 35px;
                font-size: 20px;
            }
        </style>

        <script language="javascript" type="text/javascript">
            function rand()
            {
                var max = document.getElementById("max").value;
                var min = document.getElementById("min").value;

                var output = document.getElementById("output");

                var random = Math.floor(Math.random() * max + min);

                output.value = random;
            }
        </script>

    </head>
    <body>
        <div class="elements">

        <input type="text" class="random" id="output">
        <br>
        <input type="button" class="generate" value="Generate random number" onclick="rand();">
        <br>
        <h1>Maximum Number</h1>
        <input type="text" class="range" id="max">
        <h1>Minimal Number</h1>
        <input type="text" class="range" id="min">

        </div>
    </body>
</html>

Ответы [ 4 ]

0 голосов
/ 11 марта 2019

используя этот код: 

// the initial seed
Math.seed = 6;

// in order to work 'Math.seed' must NOT be undefined,
// so in any case, you HAVE to provide a Math.seed
Math.seededRandom = function(max, min) {
    max = max || 1;
    min = min || 0;

    Math.seed = (Math.seed * 9301 + 49297) % 233280;
    return Math.floor(min + (Math.seed / 233280) * (max - min));
}
var res = Math.seededRandom(100,-100)
console.log(res)

или попробуйте сами

http://indiegamr.com/generate-repeatable-random-numbers-in-js/

0 голосов
/ 27 апреля 2018

Вам нужно умножить Math.random() на длину вашего диапазона , а не на максимальное значение в диапазоне. 

const getRandom = (min, max) => Math.floor(Math.random() * (max - min + 1) + min);
Array.from({ length: 20 }, () => console.log(getRandom(0, 2)));
0 голосов
/ 27 апреля 2018

Добавить блок кода, который проверяет, попадает ли сгенерированное случайное число в указанный диапазон. Если он не перебирает генерацию случайных чисел до тех пор, пока не пройдёт проверка условия; 

function rand() {
  var max = document.getElementById("max").value;
  var min = document.getElementById("min").value;

  var output = document.getElementById("output");


  var random = Math.floor(Math.random() * max + min);

  while (random > max || random < min) {
    random = Math.floor(Math.random() * max + min);
  }

  output.value = random;

}
.elements {
  text-align: center;
}

.random {
  margin-top: 100px;
  width: 275px;
  height: 200px;
  font-size: 50px;
  text-align: center;
}

.range {
  margin: 35px 25px;
  width: 100px;
  height: 100px;
  text-align: center;
  font-size: 30px;
}

.generate {
  margin-top: 50px;
  width: 250px;
  height: 35px;
  font-size: 20px;
}
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div class="elements">
  <input type="text" class="random" id="output">
  <br>
  <input type="button" class="generate" value="Generate random number" onclick="rand();">
  <br>
  <h1>Maximum Number</h1>
  <input type="text" class="range" id="max">
  <h1>Minimal Number</h1>
  <input type="text" class="range" id="min">

после этого вы можете назначить его значение для вывода.

0 голосов
/ 27 апреля 2018
  1. document.getElementById("max").value - это строка, поэтому Math.random() * max + min - это float * string + string, что добавляет минимальное значение в виде строки. parseInt решит эту проблему.
  2. Math.random() * max + min неверно. Math.random() * (max - min + 1) + min верно.
...