JavaScript ile Zemin Rengi Değiştirme

JavaScript ile CSS kodları üzerinde değişklik yapmak ve web sayfasının çalışma anında özelliklerini dinamik olarak değiştirmek mümkündür. Bu çalışmamızda 3 button nesnesi ekleyerek, isimlerini Sarı, Kırmızı, Mavi olarak verdik. Hangi butona tıklanırsa,  zemin rengini o renk ile değiştirdik.

Aşağıdaki kodları yazıp html dosyası olarak kaydediniz ve üzerine tıklayarak çalıştırınız.

<html>
<head>
<meta charset="utf-8">

<script>

function renkDegistir(renk)
{
    document.body.style.background=renk;
}

</script>
 
</head>
<body>
<button type="button" onclick="renkDegistir('red')">Kırmızı</button>
 
<button type="button" onclick="renkDegistir('yellow')">Sarı</button>
 
<button type="button" onclick="renkDegistir('blue')">Mavi</button>
</body>
</html>






Sanırım eğlenceli bir örnek oldu, farklı örneklerde görüşmek üzere.

Mutlu kodlamalar,
Oğuzhan TAŞ
Mayıs 2015
 
Bookmark and Share
Dil Değiştir(Change Language)