「"
」が含まれる文字列、「'
」が含まれる文字列、
「'
」と「"
」の両方が含まれる文字列を JavaScript で表
す方法を調べよ。
(解答例)
1 × 2 × 3 × 4 × 5 × 6 × 7
× 8 × 9 の値を alert
で表示する JavaScript プログ
ラムを作成せよ。
(解答例)
変数名として漢字やギリシャ文字が使えることを確認する JavaScript プ ログラムを作成せよ。 (解答例)
HTML 要素のフォントを変更する JavaScript プログラムを作成せよ。
HTML 要素のフォントサイズを変更する JavaScript プログラムを作成せよ。
HTML 要素のボーダーの色を変更する JavaScript プログラムを作成せよ。
(解答例)
8 乗を計算する関数 pow8
を定義せよ。(解答例)
テキストフィールド(例: )に入力すると、入力した文字列を別の要素の最後(ま たは最初)に追加する JavaScript プログラムを作成せよ。 (解答例)
選択式メニュー <select>〜</select>
(例:
)で選択すると、別の要素
の font-family
を選択されたものに変更する JavaScript プロ
グラムを作成せよ。
(解答例)
<input type="color" >
(例: )で、別の要素の文字色を変更する
JavaScript プログラムを作成せよ。
(解答例)
ボタンをクリックすると、別の要素を隠す・表示する JavaScript プログ ラムを作成せよ。 (解答例 1、解答例 2)
ボタンをクリックすると、別の要素に表示したカウンター「あなたは???回 クリックしました。」が増加し、キリ番(10 の倍数)になると、特別なメッセー ジを表示する(あるいは色を変える)JavaScript プログラムを作成せよ。 (解答例)
<input type="date" >
(例: )で日付を入力して、別の要素に表示するが、
土・日ならば色を変える JavaScript プログラムを作成せよ。
(参考: MDN の Date,
MDN の <input type="date">)
(解答例)
2次元の色のグラデーションを作成する JavaScript プログラムを作成せよ。 (解答例)
配列から選択式メニュー(<select>〜
</select>
)を生成する JavaScript プログラムを作成せよ。
(解答例)
🌑🌒🌓🌔🌕🌖🌗🌘 の絵文字を 0.5 秒ごとに順に表示してアニメーションする JavaScript プログラムを作成せよ。
注意: JavaScript は文字列の内部表現に UTF-16 を使用しており、
🌑 などの文字は 2 文字扱いになる。このため
"🌑🌒🌓🌔🌕🌖🌗🌘"
と言う文字列から charAt
メソッドで取り出すというやり方はうまく行かない。
配列 ["🌑", "🌒", "🌓", "🌔", "🌕", "🌖", "🌗", "🌘"]
を使うなどのやり方にする。
(解答例)
⚠ 12 fps 程度で画像を入れ替えて、アニメーションを生成する JavaScript プログラムを作成せよ。
array2d.js を for 〜 of 文を用いて書き換えよ。
⚠ オセロゲーム JavaScript プログラムを作成せよ。
⚠ ドット絵エディター JavaScript プログラムを作成せよ。
⚠ <textarea>〜</textarea>
に対するコンマ区切
りのユーザー入力から配列をつくり、それからさらにグラフやオセロの盤面を作成する
JavaScript プログラムを作成せよ。
⚠ 配列の map
メソッドを使って、配列からテーブル
(<table>〜</table>
)を生成する JavaScript プ
ログラムを作成せよ。
⚠ さらに、配列の filter
メソッドを使って、不適切な行を取
り除いてからテーブルを生成する JavaScript プログラムを作成せよ。
すべての li
要素の最初と最後に何かの絵文字を挿入する JavaScript
プログラムを作成せよ。
(解答例)
すべての ul
の直下の li
要素の最初と最後に絵文字
を挿入する JavaScript プログラムを作成せよ。
(解答例)
すべての h2
の直後の p
要素の文字色を赤色にする
JavaScript プログラムを作成せよ。
(解答例)
オブジェクトの配列からテーブル(<table>〜
</table>
)を生成する JavaScript プログラムを作成せよ。
正規表現を使って input
から入力された文字列が
JavaScript の識別子(あるいは他の言語の識別子)であるかをチェックする
JavaScript プログラムを作成せよ。
(解答例)
等比数列(例えば \(\{ 1, 2, 4, 8, 16, 32, \ldots \}\)) を生成する無限のジェネレーター関数を定義せよ。 (解答例)
引数 \(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 \}\) を生成する無限のジェネレーター関数を定義せよ。 (解答例)
Lissajous 図形を描画せよ。例えば、…
\( x = cos(3 t)\)、\(\displaystyle y = sin(4 t + \frac{2 \pi}{3})\)、 ただし \( 0 \le t < 2\pi \) (解答例)
正 n 角形のすべての頂点を結んでできる図形(ダイアモンドパターン)を描画せよ。
(解答例)
三角関数などの数学関数のグラフを描画せよ。例えば、…
\(\displaystyle y = \sum_{k=0}^{6} \frac{(-1)^{k}}{(2k +1)^2} sin((2k + 1) x)\)
\(\displaystyle y = \sum_{k=1}^{7} \frac{sin(k x)}{k} \)
\(\displaystyle y = \sum_{k=0}^{6} \frac{sin((2 k + 1) x)}{(2 k + 1)} \)
Ajax のサンプルに色の登録のユーザーインターフェイスを追加せよ。
(「http://localhost:8888/put?name=色名&value=16進6桁
」
という URL で色名をサーバーに登録できるとする。)
(解答例, 解答例(async/await 版) )
アクセスカウンター
を localStorage
, sessionStorage
のそれぞれに
保存して、挙動の違いを確認せよ。
(解答例)
ファイルに保存されたテキストデータからグラフ(棒グラフ・折れ線グラフなど)を生成する JavaScript プログラムを作成せよ。 (解答例)