【理解を深める_05】不等号「<」や「>」のイメージ

プログラミングの中の不等号「<」と「>」 判定処理などで、 「〜より大きい」 「〜より小さい」 「〜以上である」 「〜以下である」 という値の判定を行うことは、 非常によくあるパターンです。 この判定処理のパターンで、 プログラミングとして判定処理の中で使うのが、 「不等号」である「>」や「<」 などの記号を用いて、 このような判定処理で、 プログラミングの中で使うことがあ…

さらに表示 【理解を深める_05】不等号「<」や「>」のイメージ

課題【練習問題(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.004

input(number)の値を取得する

対象のDOM操作の方法 DOM操作の基本として、 対象の要素の取得方法については、 3パターンあるので、以下を参考にしましょう。 【基本を押さえる_05】DOM操作 値の取得の方の違い inputタグから値を取得する方法として、 typeの違いとして、 この2つの「text」と「number」では、 値の取得方法が違います。 input(text)の場合は、 を使って取得しますが、 input(n…

さらに表示 input(number)の値を取得する