つい集めてしまうものはなんですか？

クリックカウンターの作り方

解決済

  • 質問者：kawasemi-1204
  • 質問日時：
  • 回答数：3件

HPにボタンをクリックした回数を表示させたいのですが、どうすればいいのでしょうか？

<HTML>
<BODY>
<center>
<form>
あなたは<input type=text name=mnt value=0 size=6>人目です。<br>
<input type=button value="クリックしてね" onClick="javascript:this.form.mnt.value++;">
</form>
</center>
</BODY>
</HTML>

このようにすると、数字の部分がテキストボックスになってしまうのでNGです。
また、2重クリックもできないようにしたいのですが・・・。

通報する

この質問への回答は締め切られました。

質問の本文を隠す

A 回答 (3件)

No.3ベストアンサー

  • 回答者： hinako913
  • 回答日時：

＞あなたは・・・人目です


＞２重クリックもできないようにしたい
質問内容を見る限りではアクセスカウンターの作り方かと思われますが、
アクセスカウンターということでしたらJavaScriptではNGです。
クリックした回数を保持できないので、ページを表示するたびに回数が０にリセットされます。
自前のアクセスカウンターを実装したいのでしたらＡＳＰやＰＨＰなどを使わなければいけません。

もとい、
ボタンをクリックした回数をページ上に表示するということに限定してお答えします。

＞数字の部分がテキストボックスになってしまうのでNG
数値の部分がテキストボックスにしないようにするにはダイナミックHTMLを使うと実現できるかと。

＞２重クリックもできないようにしたい
フラグを立ててｉｆ文で制御すれば実現できるかと。

<HTML>
<head>
<Script language="JavaScript">
<!--
var cnt = 0;
var flg = true;

function f_click(){
if(flg){
cnt++;
document.getElementById('Ninzu').innerHTML=cnt;
flg = false;
}
}
//-->
</Script>
</head>
<BODY>
<center>
あなたは<span id="Ninzu">0</span>人目です。<br>
<input type=button value="クリックしてね" onClick="f_click()">
</center>
</BODY>
</HTML>

見当違いの回答だとしても、今後の参考になっていただければ幸いです。
    • good
    • 5
    • 件
通報する

No.2

  • 回答者： LancerVII
  • 回答日時：

すいません、補足です。



10人クリックしたらの部分ですが、
その10人どれも0からの表示となります。
    • good
    • 8
    • 件
通報する

No.1

  • 回答者： LancerVII
  • 回答日時：

こんにちは。



JavaScriptのみですと、訪問者が１０人クリックしたとしても
次に来た人の表示は０からですが、問題はないですか？
    • good
    • 0
    • 件
通報する

お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう！

Q質問する（無料）

ページトップページトップ

おすすめ情報

Q質問する（無料）

デイリーランキングこのカテゴリの人気デイリーQ&Aランキング

マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング

おすすめ情報