Подскажите как исправить.
Есть массив и нужно вывести каждый элемент по очереди и записать его в параграф при нажатии на кнопку.
Нажал на кнопку, вывелось в параграф "идти". Нажал еще раз вывелось "бежать", "идти" пропало. Нажал 3 раз выводится след элемент "спать" и т.д.
function f1() {
var ru = ['идти', 'бежать', 'спать'];
var p = document.getElementById('ru')
for (var i = 0; i < ru.length; i++) {
p.innerHTML = ru[i];
}
}
<p id="ru"> </p>
<button onclick="f1()">Push</button>
У меня выводится не по очереди, а только последний элемент массива.
Нажал еще раз вывелось "бежать", "идти" ПРОПАЛО
, не нужно все подряд выводить.