▲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

gaoさん

パソコン好きなガオ

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