未分類
【27】タイマー
2017年3月26日 未分類
入力内容 HTML JavaScript setTimeout 関数は、任意の時間後に任意の関数を実行する関数です。 setTimeout( 関数名, 時間)を引数にとり、待つ時間と、実行する関数を指定することができます …
【26】猫が歩いたり止まったり
2017年3月26日 未分類
入力内容 HTML CSS JavaScript 上のif 文に使われている “===” は厳密等価演算子といい、型まで全て正しいか厳密に判定する演算子です。ここに詳しい説明があるので、ぜひ参考ま …
【25】箱が動いたり止まったり（バグ防止）
2017年3月26日 未分類
入力内容 HTML CSS JavaScript 先ほどまでだと、setInterval 関数が複数回呼び出され、バグが発生していましたが、今回は変数「moving」を使い、moving が false の状態の時のみ …
【24】箱が自動で動いたり止まったり
2017年3月26日 未分類
入力内容 HTML CSS JavaScript clearInterval 関数を使うことで、setInterval 関数を止めることができます。 ここで、setInterval 関数を「timer」と紐づけることで、 …
【23】箱が自動で動く！
2017年3月26日 未分類
入力内容 HTML CSS JavaScript 今回は、setInterval 関数を使います。 引数に、setInterval (関数名, 時間) を入れます。そうすることで、時間ごとに関数を繰り返し呼び出すことがで …
【22】猫が歩く
2017年3月26日 未分類
入力内容 HTML CSS JavaScript 「箱を動かす」と「猫の絵が変わる」の組み合わせです。猫の絵を変えると同時に、left を -10ずつ変えて行きます。そうすることで、左からの距離がどんどん小さくなり、あた …
【21】猫の絵が変わる
2017年3月26日 未分類
入力内容 HTML CSS JavaScript 今回は、画像二枚を if 文を使って、交互に表示しています。 そのために「costume」という変数を使って、状態を保存して行きます。 画像が「cat2.png」の時は …
【20】赤なら青、青なら赤
2017年3月26日 未分類
入力内容 HTML CSS JavaScript 今回出てきたif（イフ）文というのはとても便利なもので、どのようなプログラミングでも絶対に使うことになります。scratchでもよく使っていませんでしたか？ if文がある …
【18】画像を挿入する！
2017年3月26日 未分類
入力内容 HTML CSS 急に「src」とか言われても意味わからない・・・と思っていませんか？ 意味のない記号に見えますが、きちんと意味があるんです。「src」というのは「source」という英語が略されたものです。こ …
