課題内容 ＜概要＞ ２つのdivタグ（縦/横が200px）を用意しましょう。 このdivタグは、 要素の境界がわかるように、 枠線をつけておきましょう。 １つ目のdivタグの背景色は赤色に、 ２つ目のdivタグの背景色は青色にしましょう。 このdivタグに、 マウスカーソルを当てた時には、 「XXにマウスカーソルが当たりました」 （XXは「赤色」か「青色」を表示） という…
さらに表示 課題【イベント操作】ーNo.09カテゴリー: イベント操作
課題【イベント操作】ーNo.08
課題内容 ＜概要＞ divタグ（縦/横が200px）を用意しましょう。 このdivタグは、 要素の境界がわかるように、 枠線をつけておきましょう。 このdivタグに、 マウスカーソルを当てた後、 マウスカーソルをdivタグから外した時、 「マウスカーソルが外れました」 という文字列を、 アラートとコンソールに、 それぞれ表示しましょう。 出力結果 表示としては、 こ…
さらに表示 課題【イベント操作】ーNo.08課題【イベント操作】ーNo.07
課題内容 ＜概要＞ divタグ（縦/横が200px）を用意しましょう。 このdivタグは、 要素の境界がわかるように、 枠線をつけておきましょう。 このdivタグにマウスカーソルが当たった時に、 「マウスカーソルが当たりました」 という文字列を、 アラートとコンソールに、 それぞれ表示しましょう。 出力結果 表示としては、 このようなdivタグを表示して、 このdivタ…
さらに表示 課題【イベント操作】ーNo.07課題【イベント操作】ーNo.06
課題内容 ＜概要＞ inputタグを２つ用意しましょう。 １つ目のinputタグのtypeはpasswordで用意しましょう。 ２つ目のinputタグのtypeはpasswordで用意しましょう。 この２つのinputタグに対して、 inputというタグ指定で要素を取得して、 以下の処理を行ってみましょう。 ＜入力状態になった時＞ 「XXが入力状態になりました」 という…
さらに表示 課題【イベント操作】ーNo.06課題【イベント操作】ーNo.05
課題内容 ＜概要＞ inputタグ（typeはpassword）で入力項目を用意しましょう。 このinputタグに対して、 inputというタグ指定で要素を取得して、 入力状態が外れた時に、 「入力状態が外れました」 という文字列を、 アラートとコンソールに、 それぞれ表示しましょう。 出力結果 表示としては、 このような入力項目を表示して、 実際に入力できる状態になった時に…
さらに表示 課題【イベント操作】ーNo.05課題【イベント操作】ーNo.04
課題内容 ＜概要＞ inputタグ（typeはtext）で入力項目を用意しましょう。 入力項目には、 「これは入力項目です」 と表示させておきましょう。 このinputタグに対して、 inputというタグ指定で要素を取得して、 入力が可能な状態になった時に、 「入力可能な状態になりました」 という文字列を、 アラートとコンソールに、 それぞれ表示しましょう。 出力結果 …
さらに表示 課題【イベント操作】ーNo.04課題【イベント操作】ーNo.03
課題内容 ＜概要＞ buttonタグに対して、 「target-id」という「ID」を、 設定したボタンを用意しましょう。 ボタンの文字には、 「クリックしてください」 と表示させましょう。 このbuttonタグに対して、 buttonという「ID指定」で要素を取得して、 「クリック」された時に、 「ボタンがクリックされました」 という文字列を、 アラートとコンソールに、 …
さらに表示 課題【イベント操作】ーNo.03課題【イベント操作】ーNo.02
課題内容 ＜概要＞ buttonタグに対して、 「target-class」というクラスを、 設定したボタンを用意しましょう。 ボタンの文字には、 「クリックしてください」 と表示させましょう。 このbuttonタグに対して、 buttonという「クラス指定」で要素を取得して、 「クリック」された時に、 「ボタンがクリックされました」 という文字列を、 アラートとコンソール…
さらに表示 課題【イベント操作】ーNo.02課題【イベント操作】ーNo.01
課題内容 ＜概要＞ buttonタグでボタンを用意しましょう。 ボタンには、 「クリックしてください」 と表示させましょう。 このbuttonタグに対して、 buttonというタグ指定で要素を取得して、 クリックされた時に、 「ボタンがクリックされました」 という文字列を、 アラートとコンソールに、 それぞれ表示しましょう。 出力結果 表示としては、 このようなボタンが…
さらに表示 課題【イベント操作】ーNo.01