Как добавить кнопку «назад»?

Здравствуйте. Прошу помощи. Имеется скрипт, который по нажатию кнопки выводит определенный текст, но нет кнопки, вернуть предыдущий текст. Помогите добавить эту кнопку.

<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>