JSFiddle - React, Tailwind, and code Playground

by eget teteete

HTML

<div class="cla">
  <div>
  <form action="">
    <input type="text" placeholder="Имя"> <br>
    <input type="email" placeholder="Email"> <br>
    <textarea name="" id="" cols="30" rows="10" placeholder="Сообщение"></textarea> <br>
    <button class="send-btn">
      Отправить заявку
    </button>
    <p class="good-mssg">
      Ваше сообщение отправлено
    </p>
  </form>
  
</div>
<div>
  <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Eveniet neque modi ipsam aspernatur, vitae, obcaecati sit nesciunt porro voluptate nihil provident, sed! Excepturi veritatis inventore culpa officia, optio temporibus veniam.</p>
</div>
</div>

CSS

*{
  margin-top: 6.9px;
 text-align: center;
 font-family: Lato;
}
.cla{
  background-color: #78909c;
}
p{
  margin-top:25px;
}
.good-mssg{
  display:none;
}

JavaScript

let sendBtn = document.querySelector('.send-btn'),
		popupMs = document.querySelector('.good-mssg');
console.log(sendBtn);
console.log(popupMs);


sendBtn.addEventListener('click', function(){
/* let time = popupMs.style.display = 'block';
  setTimeout(time, 5000); */
  
  setTimeout(document.write(popupMs), 5000)
  
})