Страницы

Поиск по вопросам

вторник, 2 апреля 2019 г.

Случайное отображение одного из четырех блоков

Здравствуйте. У меня четыре блока с разними id (id="pic_1", id="pic_2", id="pic_3", id="pic_4"). Все они скрыты при помощи display:none. Можете подсказать скрипт как сделать,чтобы при перезагрузке страницы один из этих блоков случайным выбором получал display:block? И вообще делается ли так, или я все усложняю? Собираюсь изучать JS, но пока его совершенно не знаю...


Ответ

Как пример, можно так:
function getRandomValue (array) { return array[Math.floor(Math.random() * array.length)]; } var pics = document.querySelectorAll('.list > div'); getRandomValue(pics).style.display = '';


Вся суть: вы берете набор нужных вам блоков (их можно получить любой выборкой, нужно смотреть что такое селекторы). И мы имеем массив элементов на странице, и с помощью метода random получаем рандомное значение из количества всех найденных элементов выборки (Я вывел это в отдельный метод). И затем обращаемся к полученному элементу и убираем у него стиль display

Комментариев нет:

Отправить комментарий