練習問題

§ 1.4

  1. "」が含まれる文字列、「'」が含まれる文字列、 「'」と「"」の両方が含まれる文字列を JavaScript で表 す方法を調べよ。 (解答例

§ 1.6

  1. 1 × 2 × 3 × 4 × 5 × 6 × 7 × 8 × 9 の値を alert で表示する JavaScript プログ ラムを作成せよ。 (解答例

  2. 変数名として漢字やギリシャ文字が使えることを確認する JavaScript プ ログラムを作成せよ。 (解答例

§ 1.7

  1. HTML 要素のフォントを変更する JavaScript プログラムを作成せよ。

  2. HTML 要素のフォントサイズを変更する JavaScript プログラムを作成せよ。

  3. HTML 要素のボーダーの色を変更する JavaScript プログラムを作成せよ。

解答例

§ 1.8

  1. 8 乗を計算する関数 pow8 を定義せよ。(解答例

§ 1.9

  1. テキストフィールド(例: )に入力すると、入力した文字列を別の要素の最後(ま たは最初)に追加する JavaScript プログラムを作成せよ。 (解答例

  2. 選択式メニュー <select>〜</select>(例: )で選択すると、別の要素 の font-family を選択されたものに変更する JavaScript プロ グラムを作成せよ。 (解答例

  3. <input type="color" > (例: )で、別の要素の文字色を変更する JavaScript プログラムを作成せよ。 (解答例

§ 1.10

  1. ボタンをクリックすると、別の要素を隠す・表示する JavaScript プログ ラムを作成せよ。 (解答例 1解答例 2

  2. ボタンをクリックすると、別の要素に表示したカウンター「あなたは???回 クリックしました。」が増加し、キリ番(10 の倍数)になると、特別なメッセー ジを表示する(あるいは色を変える)JavaScript プログラムを作成せよ。 (解答例

  3. <input type="date" >(例: )で日付を入力して、別の要素に表示するが、 土・日ならば色を変える JavaScript プログラムを作成せよ。 (参考: MDN の Date, MDN の <input type="date">) (解答例

  4. 2次元の色のグラデーションを作成する JavaScript プログラムを作成せよ。 (解答例

§ 1.11

  1. 配列から選択式メニュー(<select>〜 </select>)を生成する JavaScript プログラムを作成せよ。 (解答例

  2. 🌑🌒🌓🌔🌕🌖🌗🌘 の絵文字を 0.5 秒ごとに順に表示してアニメーションする JavaScript プログラムを作成せよ。

    注意: JavaScript は文字列の内部表現に UTF-16 を使用しており、 🌑 などの文字は 2 文字扱いになる。このため "🌑🌒🌓🌔🌕🌖🌗🌘" と言う文字列から charAt メソッドで取り出すというやり方はうまく行かない。 配列 ["🌑", "🌒", "🌓", "🌔", "🌕", "🌖", "🌗", "🌘"] を使うなどのやり方にする。

    解答例

  3. ⚠ 12 fps 程度で画像を入れ替えて、アニメーションを生成する JavaScript プログラムを作成せよ。

  4. array2d.js を for 〜 of 文を用いて書き換えよ。

  5. ⚠ オセロゲーム JavaScript プログラムを作成せよ。

  6. ⚠ ドット絵エディター JavaScript プログラムを作成せよ。

  7. <textarea>〜</textarea>に対するコンマ区切 りのユーザー入力から配列をつくり、それからさらにグラフやオセロの盤面を作成する JavaScript プログラムを作成せよ。

  8. ⚠ 配列の map メソッドを使って、配列からテーブル (<table>〜</table>)を生成する JavaScript プ ログラムを作成せよ。

  9. ⚠ さらに、配列の filter メソッドを使って、不適切な行を取 り除いてからテーブルを生成する JavaScript プログラムを作成せよ。

  10. すべての li 要素の最初と最後に何かの絵文字を挿入する JavaScript プログラムを作成せよ。 (解答例

  11. すべての ul の直下の li 要素の最初と最後に絵文字 を挿入する JavaScript プログラムを作成せよ。 (解答例

  12. すべての h2 の直後の p 要素の文字色を赤色にする JavaScript プログラムを作成せよ。 (解答例

§ 1.12

  1. オブジェクトの配列からテーブル(<table>〜 </table>)を生成する JavaScript プログラムを作成せよ。

§ 1.13

  1. 正規表現を使って input から入力された文字列が JavaScript の識別子(あるいは他の言語の識別子)であるかをチェックする JavaScript プログラムを作成せよ。 (解答例

§ 1.14

  1. 等比数列(例えば \(\{ 1, 2, 4, 8, 16, 32, \ldots \}\)) を生成する無限のジェネレーター関数を定義せよ。 (解答例

  2. 引数 \(k\) を受取り、 \(a_1 = k\)、 \(\displaystyle a_{n + 1} = \frac{a_n}{2}\)  (\(n \ge 1\) かつ \(a_n\) が偶数のとき)、 \(a_{n + 1} = 3 a_n + 1\) (\(n \ge 1\) かつ \(a_n\) が奇数のとき)、 で定義される数列 \(\{ a_n \}\) を生成する無限のジェネレーター関数を定義せよ。 (解答例

§ 2.2

  1. Lissajous 図形を描画せよ。例えば、…

  2. 正 n 角形のすべての頂点を結んでできる図形(ダイアモンドパターン)を描画せよ。
    解答例

  3. 三角関数などの数学関数のグラフを描画せよ。例えば、…

    1. \(\displaystyle y = \sum_{k=0}^{6} \frac{(-1)^{k}}{(2k +1)^2} sin((2k + 1) x)\)

    2. \(\displaystyle y = \sum_{k=1}^{7} \frac{sin(k x)}{k} \)

    3. \(\displaystyle y = \sum_{k=0}^{6} \frac{sin((2 k + 1) x)}{(2 k + 1)} \)

  4. Ajax のサンプルに色の登録のユーザーインターフェイスを追加せよ。 (「http://localhost:8888/put?name=色名&value=16進6桁」 という URL で色名をサーバーに登録できるとする。) (解答例, 解答例(async/await 版)

  5. アクセスカウンター を localStorage, sessionStorage のそれぞれに 保存して、挙動の違いを確認せよ。 (解答例

  6. ファイルに保存されたテキストデータからグラフ(棒グラフ・折れ線グラフなど)を生成する JavaScript プログラムを作成せよ。 (解答例

戻る