Решил я сделать генератор случайных чисел, есть 2 input'а, куда пользователь вводит min
и max
, после нажимает на сгенерировать и ему выдается случайное число в диапазоне тех цифр, которые он ввёл. Так вот проблема в том, что нужно проверять, если пользователь ввёл одинаковые числа, то max
нужно прибавлять на единицу, если пользователь ввёл, что min
больше, чем max
, то max
нужно сделать таким же числом, как min
и добавить единицу.
Вот то, что сделал я:
let inp1 = document.querySelector('.inp1')
let inp2 = document.querySelector('.inp2')
let btn = document.querySelector('.btn')
let out = document.querySelector('.out')
btn.addEventListener('click', randomNumber)
function randomNumber (min, max) {
min = inp1.value;
max = inp2.value;
if (inp1.value == inp2.value) {
inp2.value++
} else if (inp1.value > inp2.value) {
inp2.value = parseInt( inp1.value + 1)
}
out.innerHTML = Math.floor(Math.random() * (max - min) + min)
}
* {
margin: 0;
padding: 0;
box-sizing: border-box;
}
body {
background-color: #141414;
display: flex;
justify-content: center;
align-items: center;
height: 100vh;
}
.wrapper {
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
}
.input {
margin: 20px 0;
}
.out {
color: #fff;
}
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
<link rel="stylesheet" href="style.css">
</head>
<body>
<div class="wrapper">
<div class="out">0</div>
<div class="input">
<input type="number" class="inp1">
<input type="number" class="inp2">
</div>
<button class="btn">Сгенерировать</button>
</div>
<script src="app.js"></script>
</body>
</html>