未分類
【17】箱を自由に移動させる
2017年3月26日 未分類
入力内容 HTML CSS JavaScript 今回の問題も前回と同じように箱の余白を調整しています。ただし箱の左側の余白を変えるだけでは、上下に動かすことはできません。 そのため、今回は箱の「上側」の余白も調整するこ …
【16】箱を移動させる
2017年3月26日 未分類
入力内容 HTML CSS JavaScript 今回のプログラムは今までのものとは違い、どこで変数に10を足すのかなどをきちんと考えなければうまく動きません。 ボタンが押された時にはright()とback()という関 …
【15】箱の位置を変える
2017年3月26日 未分類
入力内容 HTML CSS JavaScript 今回のJavaScriptでは「top」という「一番上からの距離」をボタンごとに設定するようなプログラムを作っています。このように何かの部品の周りに何もない空白を作ること …
【14】箱の色を変える
2017年3月26日 未分類
入力内容 HTML CSS JavaScript 今回は箱を作りその色を変更するコードを作ります。HTMLでは「<div class=”box” id=”box”&g …
【11】OKボタン
2017年3月26日 未分類
入力内容 HTML JavaScript ここからはJavaScriptという言語も使っていきます。 JavaScriptは現在のWebサイトの90%以上に使われているとも言われている、とても人気のあるプログラミング言語 …
【13】いくつかのボタン！
2017年3月26日 未分類
入力内容 HTML JavaScript 今回書いたHTMLでは「span」というタグで「犬」と書いた部分が囲まれています。この「span」タグは囲んだ部分を1つのかたまりとして扱うことができます。 そうすることで、その …
【10】箱をイレコにする！
2017年3月26日 未分類
入力内容 HTML 上記では、<div>タグをさらに<div>タグで囲っています。これを「入れ子」またはネスといいます。 この入れ子構造を使うと、タグがどこで始まりどこで終わるのか分かりづらくなる …
【12】ボタンで書き換える
2017年3月26日 未分類
入力内容 HTML JavaScript 前回から出てきている「function」というのは「関数」という意味の英語です。 プログラミングでいう「関数」とは「いくつかの処理をまとめられるもの」という認識を持っておきましょ …
