Форум

Александр Skorov · #1 (**permalink**) 11.09.2018, 20:30

Нужен 1 большой квадрат 500*500 пикселей, в котором будет 25 маленьких квадратов 100*100 пикселей, каждый этот квадратик должен иметь рандомный цвет и при нажатии на каждого их них он должен исчезать. Я не знаю как это сделать, прошу помощи!

рони · #2 (**permalink**) 11.09.2018, 20:43

Александр Skorov,
начните!!!

j0hnik · #3 (**permalink**) 11.09.2018, 20:43

<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>Document</title>
<style>
	#cont{
		width: 500px;
		height: 500px;
	}	
	#cont > div{
		float: left;
		width: 100px;
		height: 100px;
	}
</style>
</head>
<body>

	<script>
document.body.insertAdjacentHTML('beforeend', '<div id="cont">'+'<div></div>'.repeat(25)+'</div>');
document.querySelectorAll('#cont>div').forEach(el=>{
	el.style.backgroundColor = '#'+Math.random().toString(16).slice(2,8);
	el.onclick = e => el.style.display = 'none';
});
	</script>
</body>
</html>

Форум

Справочник

Discord чат

Курсы javascript