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重クリックもできないようにしたいのですが・・・。
No.3ベストアンサー
- 回答日時:
>あなたは・・・人目です
>2重クリックもできないようにしたい
質問内容を見る限りではアクセスカウンターの作り方かと思われますが、
アクセスカウンターということでしたらJavaScriptではNGです。
クリックした回数を保持できないので、ページを表示するたびに回数が0にリセットされます。
自前のアクセスカウンターを実装したいのでしたらASPやPHPなどを使わなければいけません。
もとい、
ボタンをクリックした回数をページ上に表示するということに限定してお答えします。
>数字の部分がテキストボックスになってしまうのでNG
数値の部分がテキストボックスにしないようにするにはダイナミックHTMLを使うと実現できるかと。
>2重クリックもできないようにしたい
フラグを立ててif文で制御すれば実現できるかと。
<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>
見当違いの回答だとしても、今後の参考になっていただければ幸いです。
お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!
似たような質問が見つかりました
- JavaScript javascriptのちょっとした動作不良(原因は突き止めたのですが) 1 2023/06/15 19:58
- JavaScript 入力フォームの javascript で メールアドレスの正規チェックをを行い、ボタンをクリックして 2 2022/04/27 16:06
- JavaScript ①入力フォーム→②確認表示画面→③送信完了画面のコードを書いているのです、 入力フォームから受け取っ 2 2022/05/10 16:45
- JavaScript フォームが空欄の時にフォームの外をクリックすると、エラーが出るコードを調べています。 1 2023/06/25 11:51
- PHP PHPで画像の渡しが上手く行きません。 1 2023/02/02 09:39
- JavaScript javascript作成してます。ラジオボタンで判定するコードを書いてます。 1 2023/07/18 11:03
- HTML・CSS ボタンをクリックした時に、入力フォームのすぐ下部に、「入力欄が空白です」というテキストメッセージが表 1 2022/04/27 16:25
- JavaScript jqueryを使ったスムーススクロールのコードを書いたのですが、HTMLコード内にある、a butt 2 2022/04/14 10:59
- JavaScript HTMLでJavaScriptを使ってパスワードの強化判定のプログラムを作成しています。 一通り作っ 2 2022/10/19 01:41
- PHP 入力した部分を表示させたまま(保持)するにはどうすれば良いでしょうか? 1 2023/01/25 11:14
このQ&Aを見た人はこんなQ&Aも見ています
関連するカテゴリからQ&Aを探す
このQ&Aを見た人がよく見るQ&A
デイリーランキングこのカテゴリの人気デイリーQ&Aランキング
-
HTAで、こんなボタンが作りたい。
-
sessionの値でボタンを活性・非...
-
textボックスに入力されたアド...
-
submitするとなぜか2度実行する
-
フォーム内で記入したクエリ送...
-
onClick="this.form.submit
-
formでENTERとSUBMITボタンを押...
-
送信フォームで送信ボタンをお...
-
jsで質問です。 ボタンが二つ存...
-
ボタン2回押しを無効にしたい
-
onchangeイベントを強制的に発...
-
Googleモバイル検索の検索結果...
-
return trueとreturn falseの用...
-
追加ボタンを押した際に ok ボ...
-
onclickが動作しない
-
jQuery セレクトボックスで選択...
-
value内に変数を入れたい
-
iframe内のformをサブミットす...
-
doPostBack 関数について
-
至急!GetElementById でtdの...
マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング
-
フォーム内で記入したクエリ送...
-
VBSでブラウザ上のテキストボッ...
-
ボタン2回押しを無効にしたい
-
ボタンを押すとチェックボック...
-
<form action="#">の意味とは?
-
confirmのOK・キャンセルを押し...
-
jsで質問です。 ボタンが二つ存...
-
submitするとなぜか2度実行する
-
onclickで2個指定するには?
-
sessionの値でボタンを活性・非...
-
onClick="this.form.submit
-
【掲示板の機能】投稿時にサイ...
-
メッセージボックスで「はい」...
-
一つのページで二つのFormを別...
-
VBScript
-
Javascriptで二重送信を防止し...
-
確認ダイアログの出し方(JavaS...
-
ホームページビルダーでメール...
-
HTAで、こんなボタンが作りたい。
-
送信フォームで送信ボタンをお...
おすすめ情報