örneğin sayfada anlık olarak aşağıdaki span etiketleri arasında değerlerim olsun. span sayısı sayfada anlık değişiyor.
<span class="test">Veri 1</span>
<span class="test">Veri 2</span>
<span class="test">Veri 3</span>
<span class="test">Veri 4</span>
Bir taraftan span sayısı değiştikçe arttıkça azaldıkça anlık olarak .test classına sahip tüm spanların içindeki değerleri alıp dizi haline getirmek istiyorum.
Yani sonuç
Veri1, Veri2, Veri3, Veri4 gibi...
<span class="test">Veri 1</span>
<span class="test">Veri 2</span>
<span class="test">Veri 3</span>
<span class="test">Veri 4</span> <script>
var data = [];
setInterval(() => {
var veri = document.querySelectorAll('.test')
var json = {};
for (let i = 0; i < veri.length ; i++) {
json[`veri-${i}`]=veri[i].textContent;
}
data.push(json);
console.log(data)
}, 1500);
</script>Full
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
</head>
<body>
<span class="test">Veri 1</span>
<span class="test">Veri 2</span>
<span class="test">Veri 3</span>
<span class="test">Veri 4</span>
<script>
var data = [];
setInterval(() => {
var veri = document.querySelectorAll('.test')
var json = {};
for (let i = 0; i < veri.length ; i++) {
json[`veri-${i}`]=veri[i].textContent;
}
data.push(json);
console.log(data)
}, 1500);
</script>
</body>
</html>