W3School TIY Editor
W3CSTUDY オンライン チュートリアル
方向を変更
ダーク モード
コードの実行
<!DOCTYPE html> <html> <head> <script> function clickCounter() { if(typeof(Storage) !== "undefined") { if (localStorage.clickcount) { localStorage.clickcount = Number(localStorage.clickcount)+1; } else { localStorage.clickcount = 1; } document.getElementById("result").innerHTML = "ボタンを" + localStorage.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>