单击按钮Javascript，HTML时页面重新加载

Question

单击按钮时出现问题。我的页面重新加载，并且不显示消息“MERCI，VEUILLEZVÉRIFIERVOSMESSAGES”。我不知道这两个问题是否有关联。我在使用DIVI主题的Wordpress，Chrome上。我在控制台中没有错误。

<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 答案
容易，将按钮属性设置为onmousedown =“location.reload（）;”
    另一答案
当我替换HTML时

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


更换前的动画和样式：

image 1 image 2

更换后的动画和样式：

image 1 image 2
    以上是关于单击按钮Javascript，HTML时页面重新加载的主要内容，如果未能解决你的问题，请参考以下文章 
 单击按钮时如何重新加载页面？
 添加到浏览器历史记录而无需重新加载页面
 如何使 HTML 按钮不重新加载页面
 如何在提交时重新加载页面
 单击特定网站上的 javascript 按钮时获取直接 URL
 在单击按钮之前不要加载 JavaScript 标记

Answer 1

另一答案