W3School TIY Editor
W3CSTUDY オンライン チュートリアル
方向を変更
ダーク モード
コードの実行
<!DOCTYPE html> <html> <head> <script> function clickCounter() { if(typeof(Storage) !== "undefined") { if (sessionStorage.clickcount) { sessionStorage.clickcount = Number(sessionStorage.clickcount)+1; } else { sessionStorage.clickcount = 1; } document.getElementById("result").innerHTML = "このセッションでは、このボタンを" + sessionStorage.clickcount + " 回クリックしました。"; } else { document.getElementById("result").innerHTML = "お使いのブラウザは Web ストレージをサポートしていません ..."; } } </script> </head> <body> <p><button onclick="clickCounter()" type="button">ここをクリック</button></p> <div id="result"></div> <p>カウンタを増やすにはボタンをクリックしてください。 </p> <p>ブラウザまたはタブを閉じて再試行してください。カウンタはリセットされます。 </p> </body> </html>