Как показывать при загрузке страницы 1 из нескольких блоков?

Question

[Сергей Горячев]

Привет.
Есть у меня обычный ненумерованный список из 8 li.
Всем li задан display: none, но нужно при загрузке страницы показывать 1.
И показывать нужно рандомно, чтобы каждый раз разный блок.
Повторяться может при обновлении страницы, не критично.

Comments

[dimamovcean]

на каком движке?

Answer 1

[Денис]

Пример в песочнице

document.addEventListener('DOMContentLoaded', function() {
    var li = document.querySelectorAll('li');
    li[Math.floor(Math.random() * li.length)].style.display = 'list-item';
}, false);

P.S. На jQuery, если нужно судя по тегам, практически то же самое:

$(function() {
    var li = $('li');
    li.eq(Math.floor(Math.random() * li.length)).show();
});

Answer 2

[Nwton]

html

<ul>
	<li>1</li>
	<li>2</li>
	<li>3</li>
<ul>

css

li{
	display: none;
}

javascript

window.onload = function(){
	show();
}

function show(){
	var list = document.getElementsByTagName('li');
	list[rand(0, list.length - 1)].style.display = 'block';
}

function rand(min, max){
	return Math.floor(Math.random() * (max - min + 1)) + min;
}