Merhaba arkadaşlar, şöyle bir sayfam var; http://celalyesil.com/demo/kutu/
bu sayfada renk butonlarına bastığımda body arkaplanı değişiyor. Ama ben böyle olmasını istemiyorum kutu id'li div'imin arkaplanın değişmesini istiyorum. Yardım ederseniz çok sevinirim kodlarım;

<style>
#kutu{
width: 600px;
height:600px;

}
</style>


 
<input type="button" value="mavi" onClick="document.bgColor='blue'" /> 
<input type="button" value="yeşil" onClick="document.bgColor='green'" />
<input type="button" value="beyaz" onClick="document.bgColor='white'" />

<script type="text/javascript">
document.write('<body bgcolor='+arkaplanrengi+'>') //arkaplan yükleniyor
document.write('<font color='+fontrengi+'>') // yazı yükleniyor
document.write(''+arkaplanrengi+' üzerinde '+fontrengi+' seviyorsun öylemi?') //burasıda işin degişik bi yanı 
document.write('</body>')
</script>

 <div id="kutu">
içerik
 </div>