this Anahtar Kellimesi Kullanımı
Örnek
<!DOCTYPE html>
<html>
<head>
<meta charset='utf-8'>
<meta http-equiv='X-UA-Compatible' content='IE=edge'>
<title>Page Title</title>
<meta name='viewport' content='width=device-width, initial-scale=1'>
<style>
body,html{
height: 100%;
}
#kutu{
height: 100px;
width: 100px;
background-color: black;
}
</style>
</head>
<body id="vucud" onload="divOlustur()">
</body>
<script>
function rastgeleRenk(){
const renkler = "0123456789abcdef";
let i;
let sonuc = "";
for(i=0;i<6;i++){
sonuc += renkler[Math.floor(Math.random() * 16)];
}
return sonuc;
}
kacTane = prompt("Kaç tane");
function divOlustur(){
for(let i = 0;i<kacTane;i++){
let rengi = rastgeleRenk();
// alert(rengi);
yeniDiv = document.createElement("div");
yeniDiv.classList.add("kutu");
yeniDiv.style.width = "100px";
yeniDiv.style.height = "100px";
yeniDiv.style.backgroundColor = `#${rengi}`;
yeniDiv.style.position = "absolute";
yeniDiv.style.left = Math.floor(Math.random() * 1920)+"px";
yeniDiv.style.top = Math.floor(Math.random() * 900)+"px";
yeniDiv.addEventListener("click",function(){
this.style.display = "none";
})
document.getElementById("vucud").appendChild(yeniDiv);
}
}
</script>
</html>
<html>
<head>
<meta charset='utf-8'>
<meta http-equiv='X-UA-Compatible' content='IE=edge'>
<title>Page Title</title>
<meta name='viewport' content='width=device-width, initial-scale=1'>
<style>
body,html{
height: 100%;
}
#kutu{
height: 100px;
width: 100px;
background-color: black;
}
</style>
</head>
<body id="vucud" onload="divOlustur()">
</body>
<script>
function rastgeleRenk(){
const renkler = "0123456789abcdef";
let i;
let sonuc = "";
for(i=0;i<6;i++){
sonuc += renkler[Math.floor(Math.random() * 16)];
}
return sonuc;
}
kacTane = prompt("Kaç tane");
function divOlustur(){
for(let i = 0;i<kacTane;i++){
let rengi = rastgeleRenk();
// alert(rengi);
yeniDiv = document.createElement("div");
yeniDiv.classList.add("kutu");
yeniDiv.style.width = "100px";
yeniDiv.style.height = "100px";
yeniDiv.style.backgroundColor = `#${rengi}`;
yeniDiv.style.position = "absolute";
yeniDiv.style.left = Math.floor(Math.random() * 1920)+"px";
yeniDiv.style.top = Math.floor(Math.random() * 900)+"px";
yeniDiv.addEventListener("click",function(){
this.style.display = "none";
})
document.getElementById("vucud").appendChild(yeniDiv);
}
}
</script>
</html>
Yorumunuzu Ekleyin
Apache PHP MYSQL Kurmak
LAMP (Linux Apache Mysql PHP) kurulup bazı ayarların yapılması
27,025 okuma,
Java Kurulumu
Sun Java yüklemek, yeni adıyla oracle Java yüklemenin yolları
26,498 okuma, 18/12/2014
