フォームタグ内のボタンをクリックすると、ページが更新されます

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

セットタイプボタンの=「ボタン」にtype属性を設定することにより、通常のボタンにそれを変更します。

Answer 3

Return Falseを追加すると、フォームの投稿が停止します。

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