Javascript ile sayfanın arkaplan rengini rastgele değiştirme

Butona tıkladıkça dizi içindeki arkaplan renklerini kullanarak sayfanın arkaplan rengini değiştiren program;


<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>JS01</title>
</head>
<style>

</style>

<body>
<input type="button" id="renk" value="renk değiştir">


<script>
var dizi=["#D24D57","#e74c3c","#f1c40f","#2c3e50","#8e44ad","#bdc3c7","#1abc9c","#3498db","#95a5a6"];
var renk=document.getElementById("renk");


renk.onclick=function(){

var rasgele=Math.floor(Math.random()*dizi.length);

document.body.style.backgroundColor=dizi[rasgele];

}


</script>
</body>
</html>

<!doctype html>

<html>

<head>

</head>

<style>

</style>

<body>

var dizi=["#D24D57","#e74c3c","#f1c40f","#2c3e50","#8e44ad","#bdc3c7","#1abc9c","#3498db","#95a5a6"];

var renk=document.getElementById("renk");

renk.onclick=function(){

var rasgele=Math.floor(Math.random()*dizi.length);

document.body.style.backgroundColor=dizi[rasgele];

}

</script>

</body>

</html>

Javascript ile sayfanın arkaplan rengini rastgele değiştirme

Diğer Örnekler:

2 Yorum

Yorum yap X

Diğer Örnekler:

Bunu paylaş:

Şunlar da Hoşunuza Gidebilir

2 Yorum

Yorum yap X

Web Tasarım & Programlama sitesinden daha fazla şey keşfedin