Как правильно изменить скрипт?

Question

[LastGeneral]

Есть скрипт поочередно меняющий 2 номера, нашел его, и давно юзаю, но сейчас задача менять по очереди 3 номера, но не получается модефецировать скрипт, как правильно это сделать?
<a id="phone" href=""></a>

document.addEventListener('DOMContentLoaded', function() {
	var link = document.getElementById('phone');
	var a = '[phone]';
	 var b = '[phone]';
	link.innerText = b;
	link.setAttribute('href', 'tel:' + b);
	setInterval(function() {
			link.innerText = link.innerText === b ? a : b;
			link.setAttribute('href', 'tel:' + link.innerText);
		  }, 2000);
	});

Answer 1

[Loli E1ON]

Можете в numbers добавить сколько угодно номеров, они будут крутится по кругу.

document.addEventListener('DOMContentLoaded', () => {
  const link = document.querySelector('#phone');
  let activeIndex = 0;
  
  const numbers = ['[phone]', '[phone]', '[phone]'];
  setNumber(numbers[activeIndex]);
  
  setInterval(() => {
    setNumber(numbers[activeIndex]);
    activeIndex = (activeIndex + 1) % numbers.length;
  }, 2000);
  
  function setNumber(number) {
    link.innerText = number;
    link.setAttribute('href', 'tel:' + number);
  }
  
});

Comments

[reinmaker90]

циклом так же можно эту задачу решить или я не прав?

Answer 2

[twoone]

document.addEventListener('DOMContentLoaded', function() {
  let numbers = [
    '[phone]',
    '[phone]',
    '[phone]',
    '[phone]',
    '[phone]',
  ];
  
  function getNumber(numbers){
    numbers.push(numbers.shift());
    
    return numbers[0];
  }
  
  function setNumber(number){
    let link = document.getElementById('phone');
    link.innerText = number;
    link.setAttribute('href', 'tel:' + number);
  }
  
  function update(){
    setNumber(getNumber(numbers));
  }
  
  update();
  
  setInterval(update, 2000);
});