@nikvay

Как реализовать зарандомить случайный номер и вывести блок под этим номером?

Здравствуйте!
Мне необходимо реализовать следующее: система рандомит случайный номер в заданном диапозоне (пусть будет от 1 до 5), пользователь нажимает на кнопку, система выводит ему блок под ранее зарандомленном номере. Блок с текстом выводится с помощью HTLM.
  • Вопрос задан
  • 116 просмотров
Решения вопроса 1
YashaWeb
@YashaWeb
php and js developer
Если я вас правильно понял, то сделать это очень просто
HTML:
<a onclick="randomDiv()">click</a>

<div id="random1" style="display: none;">Random div 1</div>
<div id="random2" style="display: none;">Random div 2</div>
<div id="random3" style="display: none;">Random div 3</div>
<div id="random4" style="display: none;">Random div 4</div>
<div id="random5" style="display: none;">Random div 5</div>


JS:
function randomDiv(){
  let randNum = getRandomInRange(1, 5);
  document.getElementById('random'+randNum).style.display = "block";
}

Функция получения рандомного числа в диапазоне
function getRandomInRange(min, max) {
  return Math.floor(Math.random() * (max - min + 1)) + min;
}
Ответ написан
Пригласить эксперта
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы