Javascript- Sıradan Resim Getirme – For örneği.

Web Tasarım ve Programlama

İstenen Kadar Resim getirme örneği için tıklayınız.

Önizleme için tıklayınız.

<script type="text/javascript">
function islem(){
var sayi = parseInt(document.getElementById('sayi').value);
for (var i = 1; i <= sayi; i++) {
document.write("<a href=r"+i+".jpg download><img width=250px height=200px src=img/r"+i+".jpg></a>");
			}
		}

</script>
<button onclick="islem();">Dene</button>
<input type="number" name="" id="sayi">
<div id="sonuc"></div>

Kullanıcının sayi text kutusuna girdiği değeri, for döngüsü yardımıyla resim adını değiştirerek sayfaya yerleştiriyoruz.

<a href=img/r"+i+".jpg download><img width=250px height=200px src=img/r"+i+".jpg></a>

Yukarıdaki kodda i değeri for döngüsü ile her dönüşte bir artırılıyor.

Bir cevap yazın

E-posta hesabınız yayımlanmayacak. Gerekli alanlar * ile işaretlenmişlerdir