独学から始めるWebスキル学習

課題内容 ＜概要＞ 　２つのdivタグ（縦/横が200px）を用意しましょう。 　このdivタグは、 　要素の境界がわかるように、 　枠線をつけておきましょう。 　１つ目のdivタグの背景色は赤色に、 　２つ目のdivタグの背景色は青色にしましょう。 　 　このdivタグに、 　マウスカーソルを当てた時には、 　「XXにマウスカーソルが当たりました」 　（XXは「赤色」か「青色」を表示） 　という…

課題内容 ＜概要＞ 　divタグ（縦/横が200px）を用意しましょう。 　このdivタグは、 　要素の境界がわかるように、 　枠線をつけておきましょう。 　 　このdivタグに、 　マウスカーソルを当てた後、 　マウスカーソルをdivタグから外した時、 　「マウスカーソルが外れました」 　という文字列を、 　アラートとコンソールに、 　それぞれ表示しましょう。 　　 出力結果 表示としては、 こ…

課題内容 ＜概要＞ 　divタグ（縦/横が200px）を用意しましょう。 　このdivタグは、 　要素の境界がわかるように、 　枠線をつけておきましょう。 　 　このdivタグにマウスカーソルが当たった時に、 　「マウスカーソルが当たりました」 　という文字列を、 　アラートとコンソールに、 　それぞれ表示しましょう。 　　 出力結果 表示としては、 このようなdivタグを表示して、 このdivタ…

課題内容 ＜概要＞ 　inputタグを２つ用意しましょう。 　１つ目のinputタグのtypeはpasswordで用意しましょう。 　２つ目のinputタグのtypeはpasswordで用意しましょう。 　この２つのinputタグに対して、 　inputというタグ指定で要素を取得して、 　以下の処理を行ってみましょう。 　　　　 　＜入力状態になった時＞ 　「XXが入力状態になりました」 　という…

課題内容 ＜概要＞ 　inputタグ（typeはpassword）で入力項目を用意しましょう。 　このinputタグに対して、 　inputというタグ指定で要素を取得して、 　入力状態が外れた時に、 　「入力状態が外れました」 　という文字列を、 　アラートとコンソールに、 　それぞれ表示しましょう。 　　 出力結果 表示としては、 このような入力項目を表示して、 実際に入力できる状態になった時に…

課題内容 ＜概要＞ 　inputタグ（typeはtext）で入力項目を用意しましょう。 　入力項目には、 　「これは入力項目です」 　と表示させておきましょう。 　このinputタグに対して、 　inputというタグ指定で要素を取得して、 　入力が可能な状態になった時に、 　「入力可能な状態になりました」 　という文字列を、 　アラートとコンソールに、 　それぞれ表示しましょう。 　　 出力結果 …