【Javascript】クリックしたらリロード(再度読み込み)できるボタンの作り方

HTMLのbutton要素の中に書く

HTMLのbutton要素の中にonclick="window.location.reload();
と書きます。

  <button onclick="window.location.reload();">リロード</button> 

javascriptの中に書く

javascriptのクリックイベントを使い、クリックされたら再度読み込みさせることもできます。

  document.addEventListener('DOMContentLoaded', function() {
    document.getElementById("btn").addEventListener("click", function(){
    window.location.reload();
    })
  });

HTMLの中に書いても、Jacascriptに書いても、結果は同じです。下のボタンをクリックしてみてください。