プログラミングの中の不等号「<」と「>」 判定処理などで、 「〜より大きい」 「〜より小さい」 「〜以上である」 「〜以下である」 という値の判定を行うことは、 非常によくあるパターンです。 この判定処理のパターンで、 プログラミングとして判定処理の中で使うのが、 「不等号」である「>」や「<」 などの記号を用いて、 このような判定処理で、 プログラミングの中で使うことがあ…
さらに表示 【理解を深める_05】不等号「<」や「>」のイメージカテゴリー: JavaScript
課題【練習問題(DOM操作/イベント操作)】ーNo.007
課題内容 <概要> ボタンを3つ用意しましょう。 ボタンはそれぞれ、順番として、 1つ目 2つ目 3つ目 がわかるようにボタンを準備します。 初期表示は1つ目だけ、色が変わった状態にします。 動きは、3つの中で、色が変わるのは1つだけで、 押されたボタン:背景色を赤色、文字を白色に変更 押されたボタン以外:初期の背景色は白色、文字は黒色に変更 という動きをつけましょう。 …
さらに表示 課題【練習問題(DOM操作/イベント操作)】ーNo.007【理解を深める_04】関数の戻り値と引数
関数と戻り値 関数の基本 関数の処理としては、 決められた処理を元に、 「結果」を出力するものが関数です。 このように、 イメージとしては、 関数は何かしらの「決められた処理」を行う 関数は「結果」を返すことができる と考えてもらうと良いでしょう。 例えば、 関数を呼び出して、 指定の文字を返す処理としては、 このような形で、 関数を呼び出す形で使うことで、 結果として値が返されます。 関数の戻り…
さらに表示 【理解を深める_04】関数の戻り値と引数【理解を深める_03】判定処理と真偽値
判定処理と真偽値 判定処理の基本 javaScriptを書く時に、 「判定処理」として このように、 判定処理を行って、 判定処理が「正」として処理を行う 判定処理が「誤」として処理を行う という判定を行います。 これは、 「if文」を用いて判定を行いますが、 具体的には、 という形で使います。 判定処理や繰り返し処理は、 処理の流れを扱うものなので、 この辺りの基本的なことについては、 以下の記…
さらに表示 【理解を深める_03】判定処理と真偽値【理解を深める_02】変数のスコープ(有効な範囲)
変数とスコープ 変数 javaScriptを書く時に、 「変数」として このように、 値をいれるために使う」 というのが 「変数」 と呼ばれるものです。 この変数は、 数値 文字列 配列 真偽値 などを設定することができます。 具体的には、 という形で使い、 実際の例としては、 のように設定します。 配列を設定したりすることができますが、 その辺りのことは、 以下の記事を参考にしてください。 【基…
さらに表示 【理解を深める_02】変数のスコープ(有効な範囲)【理解を深める_01】型を知ろう
型を知ろう 型とは javaScriptを書く時に、 文字列 数字 など、 使いたい値によって種類があります。 このような 「データの値の種類」 のことを、 「型」 といいます。 javaScriptでも、 この「型」については、 いくつかあるので、 よく使うものを理解しましょう。 事前に理解すること 事前に「変数」や「配列」「繰り返し」「判定処理」など、 そのような言葉を使っていきます。 それら…
さらに表示 【理解を深める_01】型を知ろう課題【練習問題(DOM操作/イベント操作)】ーNo.006
課題内容 <概要> サイズが横200px/縦200pxで、 枠線がついたdivタグを3つ用意しましょう。 divの順番として、 div1つ目:赤色 div2つ目:青色 div3つ目:黄色 として動きをつけます。 動きは、マウスのカーソルの動きによって、 divの背景色を変える動きをします。 マウスカーソルの動きで、 divタグにカーソルが当たる:背景色をつける divタグか…
さらに表示 課題【練習問題(DOM操作/イベント操作)】ーNo.006課題【練習問題(DOM操作/イベント操作)】ーNo.005
課題内容 <概要> サイズが横200px/縦200pxで、 枠線がついたdivタグを3つ用意しましょう。 それぞれのdivタグの下に、 ボタンを2つ用意しましょう。 ボタン1つ目:「リセット」という文字のボタン。 ボタン2つ目:「XX色に変更」という文字のボタン。 (XXは、赤、青、緑を順番に) 表示としては、divタグと2つのボタンがセットで、 このセットを3つ用意する形にな…
さらに表示 課題【練習問題(DOM操作/イベント操作)】ーNo.005課題【練習問題(DOM操作/イベント操作)】ーNo.004
課題内容 <概要> 数値を入力するためのinputタグを準備しましょう。 そのinputタグは、typeをnumberにしておきましょう。 inputタグの初期値として「1」を設定しましょう。 これとは別に、2つのボタンを用意しましょう。 1つ目:「実行」という文字のボタン。 2つ目:「リセット」という文字のボタン。 この2つのボタンを用意して、 それぞれのボタンが押された時に、…
さらに表示 課題【練習問題(DOM操作/イベント操作)】ーNo.004input(number)の値を取得する
対象のDOM操作の方法 DOM操作の基本として、 対象の要素の取得方法については、 3パターンあるので、以下を参考にしましょう。 【基本を押さえる_05】DOM操作 値の取得の方の違い inputタグから値を取得する方法として、 typeの違いとして、 この2つの「text」と「number」では、 値の取得方法が違います。 input(text)の場合は、 を使って取得しますが、 input(n…
さらに表示 input(number)の値を取得する