Всем привет, можно нубский вопрос задать здесь?))
Практикуюсь по JS, выдумывая всякие задачки. Вот сделал кнопку, по нажатию на которую перебирается массив и его значения по очереди выводятся в тег - р. Но не могу понять одну штуку. Когда перебрали все элементы массива, нужно еще 1 раз нажать на кнопку, и только потом идет сброс и повтор с первого элемента.
Как убрать этот - еще один щелчок по кнопке, чтобы сразу дойдя до конца массива был сброс в начало? Заранее всем спасибо. Код ниже.
—————————
'use strict'
let arr = ['1', '2', '3', '4', '5'];
let p = document.querySelector('p');
let but = document.getElementById('but');
let i = 0;
but.onclick = function(){
if (i < arr.length) {
p.textContent = arr[i];
i++;
}else {
i = 0;
}
}