DOM操作に関する学習内容の実践
入力フィールドと段落が与えられています。入力フィールドからフォーカスが外れたとき、 入力フィールドの値を段落のテキストの末尾に書き込んでください。
複数の入力フィールド、段落、およびボタンが与えられています。 ボタンをクリックすると、これらの入力フィールドに入力されている数値を取得し、 それらの合計を段落に書き込んでください。
入力フィールドが与えられています。そこに数値が入力されます。 フォーカスが外れたときに、この数値の各桁の合計を求めてください。
入力フィールドが与えられています。そこにカンマ区切りの数値が入力されます。 フォーカスが外れたときに、これらの数値の算術平均(合計を個数で割った値)を求めてください。
4個の入力フィールドが与えられています。最初の入力フィールドにスペース区切りで氏名が入力されます。
フォーカスが外れたときに、姓、名、およびミドルネームを残りの3つの入力フィールドに書き込んでください。
入力フィールドが与えられています。そこにスペース区切りで氏名が入力されます。 氏名は小文字で入力されます。入力フィールドからフォーカスが外れたときに、 入力された姓、名、ミドルネームが自動的に先頭が大文字になるように変換し(同じ入力フィールド内で)書き込んでください。
入力フィールドが与えられています。そこにテキストが入力されます。 フォーカスが外れたときに、このテキスト内の単語の数を調べてください。
入力フィールドが与えられています。そこに31.12.2016形式の日付が入力されます。 フォーカスが外れたときに、同じ入力フィールドに2016-12-31形式でその日付を設定してください。
入力フィールドが与えられています。そこに単語が入力されます。 ボタンをクリックすると、その単語が前から読んでも後ろから読んでも同じであるか(例えば、マダム)を確認してください。
入力フィールドが与えられています。そこに数値が入力されます。
フォーカスが外れたときに、この数値の中に数字3が含まれているかどうかを確認してください。
複数の段落とボタンが与えられています。ボタンをクリックすると、 各段落の末尾にその段落の順序番号を書き込んでください。
リンクが与えられています。各リンクの末尾に、そのリンクのhrefを括弧で囲んで追加してください。
リンクが与えられています。リンクがhttp://で始まる場合、
そのリンクの末尾に矢印 →(→と記述)を追加してください。
数字が書かれた複数の段落が与えられています。任意の段落をクリックすると、 その段落にある数字の2乗をその段落に書き込んでください。
入力フィールドが与えられています。そこに31.12.2016形式の日付が入力されます。 フォーカスが外れたときに、その日付に対応する曜日(単語で)を調べてください。
入力フィールドが与えられています。+1、-1ボタンを実装し、
これらのボタンが入力フィールドの値を1増減するようにしてください。
また、値が0未満にならないようにしてください。
入力フィールドが与えられています。複数の段落があります。 この入力フィールドには、これらの段落がクリックされた合計回数が書き込まれるようにしてください。
ページ内にdiv要素があります。その中にはテキストがあります。
すべてのdiv要素を走査し、その中のテキストが10文字になるように切り詰めてください。
また、切り詰めたテキストの末尾に省略記号を追加してください。
入力フィールドとボタンが与えられています。ボタンをクリックすると、
8文字のランダムな文字列を生成し、入力フィールドに書き込んでください。
入力フィールドとボタンが与えられています。ユーザーが入力フィールドに何らかの文字列を入力します。 ボタンをクリックすると、入力された文字をランダムにシャッフルし、それを再び入力フィールドに書き込んでください。
入力フィールド、ボタン、および段落が与えられています。入力フィールドに華氏温度が入力されます。 ボタンをクリックすると、段落に摂氏温度を表示してください。
入力フィールド、ボタン、および段落が与えられています。入力フィールドに数値が入力されます。 ボタンをクリックすると、段落にその数値の階乗を表示してください。
3つの入力フィールド、ボタン、および段落が与えられています。
入力フィールドに二次方程式の係数が入力されます。
ボタンをクリックすると、その方程式の根を求め、段落に表示してください。