İ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.