1

Нужно что бы после нажатии на кнопку убирался 1 блок,и заменялся на другие. К примеру:

Введите ваше имя человек нажимает на кнопку и у него вместо введите ваше имя появляется

Введите ваш Адрес Введите ваше Отчество

а само введите ваше имя убирается

2
  • Нет он ввел данные,нажал на кнопку и поменялся блок Commented 13 февр. 2021 в 21:59
  • Сами данные запоминаться не будут. На деле не важно зачем это мне) Нужно просто сделать это) Commented 13 февр. 2021 в 22:00

1 ответ 1

4

так и сделайте, скрыли блок - показали блок

let b = document.getElementById('next');
var actions = document.querySelectorAll('.action');


b.addEventListener('click', function(){
   let idx = this.dataset.idx || 0;
   actions[idx].classList.remove('active');
   if(++idx < actions.length){
       actions[idx].classList.add('active');
       this.dataset.idx = idx;
   }
});
.action {
  display: none;
}
.action.active {
  display: block;
}
<div class="wrapper">
   <div class="action active">
     введите ваше имя
   </div>
   <div class="action">
     введите вашу фамилию
   </div>
   <div class="action">
     введите ваше отчество
   </div>
   <div class="action">
     введите ваше дату рождения
   </div>
   <div class="action">
     введите еще что-нибудь
   </div>
</div>

<button id="next">далее</button>

2
  • @Sevastopol: вот галерейка подъехала - ru.stackoverflow.com/q/1243742/265406 Только там не оформлен вопрос, от слова "совсем".
    – UModeL
    Commented 13 февр. 2021 в 22:30
  • @Sevastopol: я спать - у меня 4:35 ))) Zzz
    – UModeL
    Commented 13 февр. 2021 в 22:34

Ваш ответ

Нажимая «Отправить ответ», вы соглашаетесь с условиями пользования и подтверждаете, что прочитали политику конфиденциальности.

Всё ещё ищете ответ? Посмотрите другие вопросы с метками или задайте свой вопрос.