JSFiddle - React, Tailwind, and code Playground

by kontrach

HTML

<p>Зырь консоль</p>
<p>Допустим, нам нужно случайное число от 3-х до 8-ми</p>
<p>Из-за бедности языка, у нас есть только генератор от нуля до еденицы<button class="simple">Рандом от 0 до 1</button></p>
<p>Пробуем получить нужный результат. Умножим просто на 8<button class="eight">Рандом умноженный на 8</button></p>
<p>Не получаем нужного результата, так как в диапазон попадают числа до 3-х. Пытаемся исправить<button class="minus">Рандом умноженный на (8 - 3)</button></p>
<p>Опять не то, так как осчет идет от нуля, а нужно от трёх. Добавляем к результату 3<button class="final">Рандом умноженный на (8 - 3) + 3</button></p>

<p>Если много раз понажимать на кнопочки, то становиться ясно, что мы получаем числа именно в нужном диапазоне</p>

JavaScript

document.querySelector('.simple').onclick = function(){
    console.log('простой рандом', Math.random() )
}
document.querySelector('.eight').onclick = function(){
    console.log('рандом, умноженный на 8', Math.random() * 8 )
}
document.querySelector('.minus').onclick = function(){
    console.log('рандом, умноженный на (8-3)', Math.random() * (8-3) )
}
document.querySelector('.final').onclick = function(){
    console.log('рандом, умноженный на (8-3) + 3', Math.random() * (8-3) + 3)
}