Click here for free DL of the app version that can save data.
No:913 167
Prev Next
press a cat
Developer User3193|Date and time 23/6/17 22:29:56
Build time 12.782 sec|Game capacity 1.583KB|Script


簡単なクリックゲームを作ります。 以下がHTMLファイルのコードです。


😺


これをスマホで開くと、猫の絵文字が表示されます。猫をタップ(クリック)すると、猫の絵文字の横にカウントが表示されます。何度も押して、カウントを増やして遊んでください。 CSSで、猫の絵文字のサイズを大きくし、カーソルの形を指にするようにしました。 JavaScriptで、猫の要素を取得し、クリックイベントを登録しています。クリックすると、カウントが1増え、猫のテキストが`😺 x ${count}`に変更されます。`${count}`は、変数`count`の値を埋め込んだ文字列です。 シンプルなゲームですが、スマホで遊べるように、絵文字を多めに使いました。猫が1匹で何匹になるか、表現しやすいということもあります。また、レスポンシブなレイアウトを考えていないため、スマホで開いたときに画面が小さい場合は、猫の絵文字がはみ出してしまう可能性があります。

Prev Next   Back  1  0 Menu 

[PR]現在の売れ筋ゲームランキング

Click here for free DL of the app version that can save data.

(C)2023 HisashiApp