javascriptで変数を1ずつ増やすプログラム

Question

javascriptでボタンをクリックするごとに変数を1ずつ増やして、一定の値になったら表示されてる画像を変えるようなプログラムを作りたいです。簡単にどのような手順で書けばいいのか教えていただきたいです。よろしくお願いします。

Comments

[kei344]

ご自身で書かれたコードを質問文に追記いただいたほうが回答を得られやすいと思います。また、過去の質問についての返信が無いままになっています。問題が解決したなら「解決済」にされたほうが良いです。

Answer 1

次のことを調査して、修得する必要があります。

1. ボタクリック時に javascript で処理をする方法を修得する。
2. javascript で 画像を変更する方法を修得する。

次のページなどが参考になるかもしれません。

参考情報

• ボタンのクリック時にJavaScriptを実行する https://www.ipentec.com/document/document.aspx?page=javascript-exec-javascript-on-button-click

• jQueryを利用して、ボタンやリンクがクリックされたタイミングで処理をする https://www.ipentec.com/document/document.aspx?page=javascript-jquery-using-click-event

• javascriptでのボタンの切り替え http://oshiete.goo.ne.jp/qa/9064270.html

• マウスオーバーやクリックで背景画像を切り替えるjavascript（ http://vegl.biz/2015/12/01/%E3%83%9E%E3%82%A6%E3%82%B9%E3%82%AA%E3%83%BC%E3%83%90%E3%83%BC%E3%82%84%E3%82%AF%E3%83%AA%E3%83%83%E3%82%AF%E3%81%A7%E8%83%8C%E6%99%AF%E7%94%BB%E5%83%8F%E3%82%92%E5%88%87%E3%82%8A%E6%9B%BF%E3%81%88/

Answer 2

まず、ボタンをクリックしたら変数を 1 増やすものを作って下さい。

次に、一定の値になったらメッセージを出すようにしてください。

最後に、メッセージの部分を画像変更に変えて下さい。

以上です。