やりたいこと
ボタンをクリックして1つずつカウントアップするHTMLをつくりたい
ためしたけどできないこと
自分で実際にソースを書きためしたが、画面がクリアするとゼロになってしまう。
そうではなく、タブレットやブラウザが変わってもひたすらカウントアップする仕組みをつくりたい。
例えば同時にカウントアップした場合など、正確性は問わないのでだいたいカウントアップされればいいです。
やりたいことを1分で示すと
ボタンをクリックすると1ずつカウントアップ
日本でブラウザを閉じて、ひらいたら2からスタートしクリック
アメリカでブラウザひらいたら3からスタート
ボタンがクリックされる度にカウンターがあがるイメージです。
何度もいいますが正確性はあまり問いません。同時にブラウザをひらいちゃった時は無視でも良いです。
それよりも実装の簡易性を優先します。できるだけSQLではなく簡単な仕組みで実装したいです。
ご教示ください。宜しくお願いします。
やったこと・ためしたこと・実際にかいたコード
<!DOCTYPE HTML> <html> <head> <meta charset="utf-8"> <meta name="viewport" content="width=device-width, initial-scale=1"> <link rel="stylesheet" href="css/style.css"> </head> <body> <div class="center"> <p>何回かカウント</p> <p>カウント回数: <span id="countsample">0</span></p> <div><input type="button" value="カウント" onclick="CountUp();"></div> </div> <script language="javascript" type="text/javascript"> var kaisu = 0; function CountUp() { document.getElementById( "countsample" ).innerHTML = ++kaisu; } </script> </body> </html> ```css
/**/
body {
background-color: white
}
img { width: 100%; }
.center {
margin-top: 0.5em;
text-align: center;
}