入力内容

HTML

CSS

JavaScript

今回は、画像二枚を if 文を使って、交互に表示しています。
そのために「costume」という変数を使って、状態を保存して行きます。
画像が「cat2.png」の時は costume = 2、「cat1.png」の時は costume = 1 とし、それぞれ costume = 1 の時画像を「cat2.png」へ、costume = 2の時画像を「cat1.png」へと変換します。
変数には、このように状態を保存するような使い方もできるので、ぜひScratchなどでも活用してみましょう!

出力