for Döngüsü
En çok kullanılan döngü komutlarından biride for dur.
.kutu{
width: 100px;
height: 100px;
float: left;
margin:3px;
}
width: 100px;
height: 100px;
float: left;
margin:3px;
}
HTML Kodu:
<script type="text/javascript">
<!--
KutuSayi = prompt("Kaç Kutu? ");
for (i = 0; i < KutuSayi; i++) {
document.write('<div class="kutu" style="background-color: red"></div>');
}
-->
</script>
<!--
KutuSayi = prompt("Kaç Kutu? ");
for (i = 0; i < KutuSayi; i++) {
document.write('<div class="kutu" style="background-color: red"></div>');
}
-->
</script>
Farklı renklerde kutucuklar için:
<script type="text/javascript">
<!--
KutuSayi = prompt("Kaç Kutu? ");
for (i = 0; i < KutuSayi; i++) {
RGB1= Math.floor((Math.random()*255));
RGB2= Math.floor((Math.random()*255));
RGB3= Math.floor((Math.random()*255));
document.write('<div class="kutu" style="background-color: rgb(' + RGB1 + ', ' + RGB2 + ', ' + RGB3 + ')"></div>');
}
-->
</script>
<!--
KutuSayi = prompt("Kaç Kutu? ");
for (i = 0; i < KutuSayi; i++) {
RGB1= Math.floor((Math.random()*255));
RGB2= Math.floor((Math.random()*255));
RGB3= Math.floor((Math.random()*255));
document.write('<div class="kutu" style="background-color: rgb(' + RGB1 + ', ' + RGB2 + ', ' + RGB3 + ')"></div>');
}
-->
</script>
Yorumunuzu Ekleyin