Страница обновляется, когда я нажимаю кнопку в теге формы

Question

Страница обновляется, когда я нажимаю кнопку в теге формы. мой код приведен ниже

document.getElementById("myBtn").addEventListener("click", function() { 
 
    console.log(document.getElementById("myBtn").value) 
 
});

<form role="form" id="myForm"> 
 
    <div class="form-group col-lg-12"> 
 
    <input type="text" class="form-control " id="name" name="name" placeholder="Name" autocomplete="off"> 
 
    </div> 
 
    <div class=" form-group col-lg-12 "> 
 
    <button class="generate-link-button" id="myBtn">Submite</button> 
 
    </div> 
 
</form>

Answer 1

Кнопка отправки формы. Если это нежелательно, изменить его в обычную кнопку, установив тип атрибута для кнопки

<button type="button">blah</button> 

Answer 2

Установить тип «кнопка» = для кнопки.

Answer 3

Добавление Return False прекратит отправку формы.

<button class="generate-link-button" onclick="return false;" id="myBtn">Submite</button>