Javascript 当点击submit按钮时，实时预览上的html js项目会不断刷新，结果所需页面会在几秒钟内闪烁

我正在做一个项目，如果一个人输入他的出生日期，它将显示他出生的时间，他出生的时间有多少秒，就像这几个特征一样。 我在运行第一部分时遇到问题。 在第一部分，当用户输入dob并单击“提交”时，将显示结果并立即刷新到初始状态 这个项目可以在这里看到

该程序使用html和javascript完成

var mysubmit = document.getElementById("mysubmit");
mysubmit.onclick = function(){

   var mydate = document.getElementById("date").value;
   if(mydate === ""){
      alert("ENTER YOUR DATE OF BIRTH");}
      else{
         var birthday = new Date(mydate);
         var year = birthday.getFullYear();
         var birthdate = birthday.getDate();
         document.getElementById("yr").innerHTML = year;
         document.getElementById("no").innerHTML = birthdate;


      }

}

输入您的出生日期：

提交
你是出生在地球上的。属于在里面

当您在表单中放置按钮时，它将提交表单数据，这意味着您的页面将被刷新。通常，只有将表单数据发送到服务器时，才需要此功能。但是，在您的情况下，您不需要将表单数据发送到服务器，而只需要从javascript客户端代码检索数据

因此，为了防止页面刷新，您可以为按钮设置一个

类型
的
按钮
，以便在按下按钮时告知发件人不要提交数据：

<button type="button" id="mysubmit">SUBMIT</button>


输入您的出生日期：

提交
你是出生在地球上的。属于在里面
作为默认状态，当您单击“提交”按钮时，“提交”按钮将刷新页面，除非您另有说明，为此，我们有三种方法：

使用javascript事件单击submit按钮时，可以
返回false
：
提交

通过在javascript文件中提及submit按钮，可以防止其处于默认状态：

正如对此问题的不同回答中所述，当您将提交按钮放在
中时，默认情况下，它将刷新您的页面，因此您需要指定按钮的类型为
type=“button”
，否则，您的网站将认为它是提交按钮，它将刷新您的页面：
提交
将按钮type=“submit”更改为type=“button”

提交

或者在单击事件中

event.preventDefault（）；//它将停止默认的表单提交行为。

<button type="button" id="mysubmit">SUBMIT</button>

mysubmit.onclick = function(event){

   event.preventDefault()

   var mydate = document.getElementById("date").value;
   if(mydate === ""){
      alert("ENTER YOUR DATE OF BIRTH");}
      else{
         var birthday = new Date(mydate);
         var year = birthday.getFullYear();
         var birthdate = birthday.getDate();
         document.getElementById("yr").innerHTML = year;
         document.getElementById("no").innerHTML = birthdate;


      }

}