Задать вопрос
@germanberg

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

Здравствуйте. Прошу помощи. Имеется скрипт, который по нажатию кнопки выводит определенный текст, но нет кнопки, вернуть предыдущий текст. Помогите добавить эту кнопку.
<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>
  • Вопрос задан
  • 85 просмотров
Подписаться 1 Простой Комментировать
Помогут разобраться в теме Все курсы
  • Яндекс Практикум
    Фронтенд-разработчик
    10 месяцев
    Далее
  • Skillfactory
    Профессия Веб-разработчик
    12 месяцев
    Далее
  • Яндекс Практикум
    Мидл фронтенд-разработчик
    5 месяцев
    Далее
Решения вопроса 1
Пригласить эксперта
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Похожие вопросы