Q&A
次からで結構ですので「初心者」をタイトルや質問内に書くのではなく「初心者アイコン」を質問につけてください。要件とはまた違いますので。
前提・実現したいこと
javascriptの練習をしている初心者です。
下記のようなページを作成しようとしています。
・「カウントアップ」ボタンを押すと、ボタン直下の数字（num）が増えていく。
・予め決めた定数（maxnumber）まで数字（num）が増えると、カウントアップをやめる。
発生している問題・エラーメッセージ
予め決めた定数（maxnumber）に数字（num）が達しているのにも関わらず、
カウントアップが止まりません。
どのようにすれば、定数に達したら、カウントアップが止まるようにできるでしょうか。
大変初歩的な質問で申し訳ありません。
いろいろ試してみたり、書籍を読んだりしてみましたが、解決できませんでした。
ご回答のほどよろしくお願い申し上げます。
該当のソースコード
html
1<!DOCTYPE html> 2<html lang="ja" dir="ltr"> 3 <head> 4 <meta charset="utf-8"> 5 <title>練習</title> 6 </head> 7 <body> 8 9 <button id="nbtn" type="button" name="button">カウントアップ</button> 10 <p id="num"></p> 11 12 <script async type="text/javascript" src="main.js"> 13 </script> 14 15 </body> 16</html>
javascript
1//変数 2var qwn = 0; 3 4//定数 5const maxNumber = 5; 6 7//要素を取得 8var nextButton = document.getElementById('nbtn'); 9var num = document.getElementById('num'); 10 11//qwnの値を１増やす関数 12function countUp(){ 13 qwn++; 14} 15 16function putText(){ 17 num.innerHTML = qwn; 18} 19 20putText(); 21 22if(qwn < maxNumber){ 23 nextButton.addEventListener('click', countUp); 24 nextButton.addEventListener('click', putText); 25} 26
初心者って、ガイドを読まずに投稿したりするから、いつまでも初心者なんですよね。まず説明書（ガイドしかりリファレンスしかり）から読む癖をつけることですね。
mts10806様
macaron_xxx様
ご連絡いただき、ありがとうございました。
回答1件
0
ベストアンサー
if文を実行するのは最初のイベントをセットする時=ボタンが押される前だけなので、この条件をクリアしてイベントをセットして、あとはチェック無しでカウントアップが進みます。
countUpの中に条件判断を入れましょう。
javascript
1function countUp(){ 2 if(qwn < maxNumber) qwn++; 3}
投稿2019/01/20 22:14
総合スコア145184
あなたの回答
tips
プレビュー
