Почему не срабатывает js?

Question

[wajica2428]

Помогите допилить
есть список ul > li
на его формирование повлиять не могу, что бы напр. одному из тегов дать класс или айдишник
он формируется в php циклом
по этому
есть скрипт, который присваивает айди тегам a (number1, number2, number3 и т.д)
элементу с id number3 нужно подменять содержимое

есть другой скрипт, который по идее должен подставлять значения тегу а#number3 каждую секунду

первый скрипт срабатывает, второй нет
вот закинул на codepen, но там это посмотреть нереально, т.к там не срабатывает webdev, что бы посмотреть как подставляется айдишник
на скрине демонстрирую что айди подставляется
мож кто подскажет

Comments

[r_g_b_a]

код, обернутый в $(document).ready() сработает позже, чем var elem = document.getElementById("number3");

[wajica2428]

r_g_b_a, как его правильно подставить
убираю $(document).ready ничего не дает

[r_g_b_a]

не удаляйте, поместите в него весь свой код

$(document).ready(function() {
  var i = 1;
  $('.nav-top__list-item a').each(function() {
    $(this).attr('id', 'number' + i);
    i++;
  })

  var text = ["Welcome", "Hi"];
  var counter = 0;
  var elem = document.getElementById("number3");
  var inst = setInterval(change, 1000);

  function change() {
    elem.innerHTML = text[counter];
    counter++;
    if (counter >= text.length) {
      counter = 0;
    }
  }
})

после этого код на codepen заработает. Возможно та же проблема и на вашем сайте

[edward_freedom]

TheAndrey7, надо..........................................................

Answer 1

[Сергей Бакланов]

держи

$(document).ready(function(){
var i = 1;                       
$('.nav-top__list a').each(function(){                     
$(this).attr('id','number'+i); 
i++;                           
})
						
					

var text = ["Welcome", "Hi"];
var counter = 0;
  								
// let elem = document.getElementById("number3");
// var inst = setInterval(change, 2000 , elem );

let elem2 = document.getElementById("number2");
var inst2 = setInterval(change, 2000 , elem2 );


// elem.innerHTML = counter;

function change(elem) {
  elem.innerHTML = text[counter];
  counter++;
  if ( counter == text.length ) {
    counter = 0;
  }

}
})

Comments

[wajica2428]

Спасибо