こんにちは。HTML、CSS、jQueryについて質問です。

こんにちは。HTML、CSS、jQueryについて質問です。 以下プログラムを考えているのですが、②の「divタグに3つ画像がある」という条件の定義がうまくできません。もしお分かりの方がいらっしゃれば、ご教示いただけますと幸いです。何卒宜しくお願いいたします。 ①HTML上のボタンをおすと、divタグに画像が追加される。 ②divタグに画像が3つ追加されると、アラーム「あなたの負けです」がでる。 尚、現在は下記コードを記載しており、if内の???がわかりません。 ---------HTML---------- <div id="gazou"></div> <button id="button">ボタン</button> ----------jQuery--------- $("#button").on("click", function () {$("gazou").prepend('<img src="./img/boll.png" alt="" />');} if(?????){alert("あなたの負けです");}

HTML、CSS10閲覧

ベストアンサー

0

knt********さん >・・・・・画像が3つ追加されると、アラーム・・・・・・・・・・・・・・ ご参考に↓ <!DOCTYPE html> <html> <head> <meta charset='UTF-8'> <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.4.1/jquery.min.js"></script> </head> <body> <div id="gazou"></div> <button id="button">ボタン</button> <script> var knt=0; $("#button").on("click", function() { if( knt >= 3 ){alert("あなたの負けです"); return; } else { $("div#gazou").prepend('<img src="https://s.yimg.jp/images/ks/official/nt/grd/prf_48.png" alt="" >'); knt++; }; }); </script> </body> </html>

ThanksImg質問者からのお礼コメント

ありがとうございます!

お礼日時:10/25 11:14