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

Question

[nikvay]

Здравствуйте!
Мне необходимо реализовать следующее: система рандомит случайный номер в заданном диапозоне (пусть будет от 1 до 5), пользователь нажимает на кнопку, система выводит ему блок под ранее зарандомленном номере. Блок с текстом выводится с помощью HTLM.

Comments

[Vearodev]

Что конкретно у вас не получается? Максимально простая задача же

[nikvay]

Vearodev, я не знаю в каком файле (ts или html) писать скрипт рандома и не знаю как выводить блок div через оператор if.

[Vearodev]

nikvay, Зачем вы вообще сразу в TS полезли и angular, если у вас даже базовых знаний нет? Сразу говорю ни к чему хорошему вы таким путем не придёте.
p.s Логично писать в TS, если вы его используете, только надеюсь вы знаете что TS нужно компилировать в JS

[nikvay]

Vearodev, в TS полез из-за надобности сдачи курсовой работы.

[Kovalsky]

Vearodev, там же angular-cli, все компиляции автоматически происходят.

nikvay, пока задача не очень понятна, но если вам просто нужно вывести конкретный элемент в зависимости от какого-то числа, то вы можете это сделать с помощью ngSwitchCase: https://www.concretepage.com/angular-2/angular-2-n...

[Vearodev]

nikvay, в angular такую задачу сделать еще проше, т.к это курсовая, решать вам её не буду, но скину полезного почитать по вашей задаче,

Рандомное число
https://learn.javascript.ru/task/random-int-min-max

Отрисовать нужный элемент есть много разных способов, один из них вам скинули в комментах. Подумайте как совместить знания из этих двух статей + немного сверху, и вас ждёт успех)

p.s Учится гуглить тоже нужно уметь, а именно задавать гуглу правильные вопросы. На такие вопросы можно и на русском

[nikvay]

Vearodev, я не понимаю как приравнять случайное значение к переменной

[Kovalsky]

nikvay, а чем отличается запись числа 42 в переменную от записи случайного числа в переменную? Ничем же, поэтому и разницы нет. Делаете это так же как и с любой другой переменной

[Vearodev]

nikvay, const randInt = (min, max) => Math.floor(min + Math.random() * (max + 1 - min))

можете присвоить к любой переменной
let a = randInt(1, 100000000)

вторым аргуемнтом вам логичнее передавать количество блоков, чтобы от-до работало в нужном диапазоне

Answer 1

[noob noob]

Если я вас правильно понял, то сделать это очень просто
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;
}