Samet KAYA

Blog

Javascript İle Sayfa Arkaplan Rengini Değiştirme

Javascript İle Sayfa Arkaplan Rengini Değiştirme

<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ştirh1>
Renk Değiştir:<select id="renk">
 <option value="yesil">yeşiloption>
    <option value="kirmizi">Kırmızıoption>
    <option value="mavi">Mavioption>
    <option value="siyah">Siyahoption>
select><br />
<input type="submit" onclick="renkdegistir()" value="Değiştir"> 
body>