▲TOPへ戻る

【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に書いても、結果は同じです。下のボタンをクリックしてみてください。

こんな記事も読まれています。

profile

パソコン好きなガオ

コロナ禍によるステイホームを機にプログラミングを学ぶ。パソコンに関してはプロではないが、ちょっと詳しい程度。

パソコン

javascript

カメラ

ブログ