Перезагрузка страницы при нажатии кнопки Javascript, HTML

Question

У меня проблема при нажатии кнопки.Перезагрузка моей страницы и сообщение "MERCI, VEUILLEZ VÉRIFIER VOS MESSAGES" не отображаются.Я не знаю, связаны ли эти две проблемы.Я на Wordpress, Chrome, с темами DIVI.и у меня нет ошибки в консоли.

HTML:

<form class="formnumber">
  <input class="inputsms" id="number" placeholder="ENTREZ VOTRE NUMÉRO" />
  <button class="buttonsms" id="buttonsms">ENVOYER ></button>
</form>

JavaScript:

var button = document.getElementById('buttonsms');


if(button){
button.addEventListener('click', function(e) {
  e.preventDefault();
  this.classList.add('is-done');

  setTimeout(function() {
    button.innerHTML = "MERCI, VEUILLEZ VÉRIFIER VOS MESSAGES ?"
  }, 500);
});
}

Вы можете увидеть весь код с помощью CSS и анимации здесь

Answer 1

Когда я заменяю HTML на

    <form class="formnumber"> 
<input class="inputsms" id="number" placeholder="ENTREZ VOTRE NUMÉRO" /> </form> 
<button class="buttonsms" id="buttonsms">ENVOYER ></button>

Анимация и стиль перед заменой:

изображение 1 изображение 2

Анимация и стиль после замены:

изображение 1 изображение 2

Answer 2

легко, установите для атрибута кнопки значение onmousedown = "location.reload ();"