Замена блоков при нажатии кнопки

Question

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

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

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

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

Answer 1

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

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>

БЛОГ НА HUSL

Замена блоков при нажатии кнопки

Ответы (1 шт):