[]
javascript -variable ve array
Selamlar,
Bir Türkçe sitedeki navigation bar item'larını ingilizceye çeviriyorum ve ingilizce sayfalara link veriyorum her biri için. javascript'e daha yeni başladım. deney yanıla bir şeyler yapmaya çalışıyorum. en son istediğimi yaptım gibi ama bu sefer de çok fazla menu-item olduğu için aşağıdaki gibi uzun bir kod satırı oluştu, bu da efektif olmayacak. en azından variable'ları array'e dönüştürebilir miyiz?
mevcut kodum şöyle:
----------------------------------------------
var menuItem = document.querySelector(".main-menu");
var link1 = menuItem.getElementsByTagName("a")[0];
var link2 = menuItem.getElementsByTagName("a")[1];
var link3 = menuItem.getElementsByTagName("a")[2];
---
---
var link80 = menuItem.getElementsByTagName("a")[79];
sonra her bir item'ın ismini ve link'ini değiştiriyorum;
link2.innerHTML = "Home";
link2.href = "xyz1";
link3.innerHTML = "Management";
link3.href = "xyz2";
---
---
link79.innerHTML = "xyz";
link79.href = "xyz79";
Umarım anlatabilmişimdir. Alternatif önerileriniz varsa da beklerim.
İyi akşamlar
Bir Türkçe sitedeki navigation bar item'larını ingilizceye çeviriyorum ve ingilizce sayfalara link veriyorum her biri için. javascript'e daha yeni başladım. deney yanıla bir şeyler yapmaya çalışıyorum. en son istediğimi yaptım gibi ama bu sefer de çok fazla menu-item olduğu için aşağıdaki gibi uzun bir kod satırı oluştu, bu da efektif olmayacak. en azından variable'ları array'e dönüştürebilir miyiz?
mevcut kodum şöyle:
----------------------------------------------
var menuItem = document.querySelector(".main-menu");
var link1 = menuItem.getElementsByTagName("a")[0];
var link2 = menuItem.getElementsByTagName("a")[1];
var link3 = menuItem.getElementsByTagName("a")[2];
---
---
var link80 = menuItem.getElementsByTagName("a")[79];
sonra her bir item'ın ismini ve link'ini değiştiriyorum;
link2.innerHTML = "Home";
link2.href = "xyz1";
link3.innerHTML = "Management";
link3.href = "xyz2";
---
---
link79.innerHTML = "xyz";
link79.href = "xyz79";
Umarım anlatabilmişimdir. Alternatif önerileriniz varsa da beklerim.
İyi akşamlar
const menuItem = document.querySelector(".main-menu");
const links = menuItem.getElementsByTagName("a");
const menuContents = [{name: "Home", href: "xyz1"}, {name: "Management", href: "xyz2"}, ..., {name: "xyz", href: "xyz79"}];
for (let i = 0; i < links.length; i++) {
links[i].innerHTML = menuContents[i].name;
links[i].href = menuContents[i].href;
}
const links = menuItem.getElementsByTagName("a");
const menuContents = [{name: "Home", href: "xyz1"}, {name: "Management", href: "xyz2"}, ..., {name: "xyz", href: "xyz79"}];
for (let i = 0; i < links.length; i++) {
links[i].innerHTML = menuContents[i].name;
links[i].href = menuContents[i].href;
}
- lemmiwinks (08.03.23 17:54:25)
1