Ramazan Belyurt

B.T. Öğretmeni
Bursa/Türkiye
ramazanbelyurt@gmail.com
www.ramazanbelyurt.name.tr


Javascript İle Sayfa Arkaplan Rengini Değiştirme

15.02.2019        Yazar:Admin               Okunma:1052

JavaScrip ile sayfa arkaplan rengini değiştiren program. Dropdownlist den  seçilen renge göre sayfanın arkaplan rengini değiştiren program. Programın tasarım ve kodları aşağıdadır.                                                                                                                                                                                                                            

 

<body>
<script type="text/javascript">
function renkdegistir()
{
	if(document.getElementById("renk").value=="yesil")
	{
		document.body.style.background="green";
	}
	else if(document.getElementById("renk").value=="kirmizi")
	{
		document.body.style.background="red";
	}
	else if(document.getElementById("renk").value=="mavi")
	{
		document.body.style.background="blue";
	}
		else if(document.getElementById("renk").value=="siyah")
	{
		document.body.style.background="black";
	}
	}

</script>
<h1 id="baslik1">Renk DEğiştir</h1>
Renk Değiştir:<select id="renk">
	<option value="yesil">yeşil</option>
    <option value="kirmizi">Kırmızı</option>
    <option value="mavi">Mavi</option>
    <option value="siyah">Siyah</option>
</select><br />
<input type="submit" onclick="renkdegistir()" value="Değiştir"> 
</body>

 
 

 



Yorum Ekleyin




Faydalı Linkler