Здравствуйте. У меня четыре блока с разними 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
Комментариев нет:
Отправить комментарий