打开页面时，显示设置为无的表单会一直显示

Question

这是html文件中的表单

<form  id="rescheduleD" action="">

<h3> Select a date:</h3> <input type="date" name="choosedate">
   <br>
   <h3>Pick a time :</h3>  <select name = "choosetime">
     <option>10 AM</option>
     <option>11 AM</option>
     <option>12 PM</option>
   </select><br>
   <br>
<input type="submit" onclick="closeReschedule();" value="Reserve Vaccination">
</form>

这是应该使表单显示的按钮

<button type="button" value ="Reschedule" onclick="rescheduleApp();"> Reschedule</button>

这是表单的css

#rescheduleD{
  display: none;
}

这是连接到按钮

的javascript函数

function rescheduleApp(){
      document.getElementById('rescheduleD').style.display = 'block';

    }