Здравствуйте. Прошу помощи. Имеется скрипт, который по нажатию кнопки выводит определенный текст, но нет кнопки, вернуть предыдущий текст. Помогите добавить эту кнопку.
<div class="container" id='block'></div>
<input type="image" id='but' class='site_btn' src="pic/right.png" width="50"> // это кнопка вперед
<input type="image" id='but2' class='site_btn' src="pic/right.png" width="50"> // здесь нужно сделать кнопку назад
<script type="text/javascript">
let n = 0;
const textArr = [
'текст1',
'текст2',
'текст2',
'текст3',
'текст4'
]
const divEl = document.querySelector('#block')
//===================================================================//
document.querySelector('#but').addEventListener('click', () => {
//===================================================================//
txt = textArr[n];
divEl.innerHTML = txt;
//меняем счетчик на следующий элемент (по кругу)
n = (n==textArr.length-1) ? 0 : n+1;
})
</script>