Tekrarlayan kod yerine tek bir kodda nasıl yapılır?

Katılım
16 Mart 2021
Mesajlar
5
Yer
Türkiye
Daha fazla  
Cinsiyet
Erkek
Kod:
<!DOCTYPE html>

<html lang="tr">

<head>

 <meta charset="UTF-8">

 <meta name="robots" content="noindex">

 <meta http-equiv="X-UA-Compatible" content="IE=edge">

 <meta name="viewport" content="width=device-width, initial-scale=1.0">

</head>

<body>

 <div id="sayfa">

 <div>

 <a href="uygulamalar/1/index.html">1</a>

 <a href="uygulamalar/2/index.html">2</a>

 <a href="uygulamalar/3/index.html">3</a>

 <a href="uygulamalar/4/index.html">4</a>

 <a href="uygulamalar/5/index.html">5</a>

 <a href="uygulamalar/6/index.html">6</a>

 <a href="uygulamalar/7/index.html">7</a>

 <a href="uygulamalar/8/index.html">8</a>

 <a href="uygulamalar/9/index.html">9</a>

 <a href="uygulamalar/10/index.html">10</a>

</div>

 <div id="alanlar">

 <div class="alanCevre">

 <iframe class="alan" src="uygulamalar/1/index.html"></iframe>

</div>

<div class="alanCevre">

 <iframe class="alan" src="uygulamalar/2/index.html"></iframe>

</div>

<div class="alanCevre">

 <iframe class="alan" src="uygulamalar/3/index.html"></iframe>

</div>

<div class="alanCevre">

 <iframe class="alan" src="uygulamalar/4/index.html"></iframe>

</div>

<div class="alanCevre">

 <iframe class="alan" src="uygulamalar/5/index.html"></iframe>

</div>

</div>

</div>

</body>

</html>

@Muhammed Hamza Taş
Bir tana <a> etiketi ve bir tane <iframe> kullanarak nasıl yapabilirim?
Linklerin ortasındaki sırayla artıyor döngü kullanılabilir.
 
Son düzenleyen: Moderatör:
JavaScript:
for (let i = 1; i < 11; i++) {
    let a = document.createElement("a");
    a.href = "uygulamalar/"+i+"/index.html";
    a.innerHTML = i;
    document.querySelector("div#sayfa > div").append(a);
}

javascript kullnarak bu şekilde yapabilirsin. Linkler için böyle iframeler de aynı mantıkla yapılabilir. İyi çalışmalar dilerim.
 
JavaScript:
for (let i = 1; i < 11; i++) {
    let a = document.createElement("a");
    a.href = "uygulamalar/"+i+"/index.html";
    a.innerHTML = i;
    document.querySelector("div#sayfa > div").append(a);
}

javascript kullnarak bu şekilde yapabilirsin. Linkler için böyle iframeler de aynı mantıkla yapılabilir. İyi çalışmalar dilerim.
Çok Teşekkür Ederim,

@delikarga Teşekkürler
 

Geri
Yukarı