CSS 色の指定(3) - JavaScript
JavaScriptサンプル (2023/12)
- TestJS_color_hsl_to_rgb1.html
HSL の値を RGB の値に変換する。
スライダーで色を調整する
スライダーや数値入力で色を調整する。
input タグ: スライダー
色の見本を表示する
色コードのテキストを読んで span タグの色見本を作るサンプル。
テキストを行や2重配列に分割する
JavaScript: HTML 要素を作成する
- TestJS_ul_li_create_color01.html
ul,liの色リストをJavaScriptで作る。
ul,ol,liタグ: JavaScript サンプル
色のテーブルを JavaScript で作成する。
tableタグ: JavaScript サンプル
TestJS_table_create_color02.html
色を選択する
table で色を並べて色を選択する。
色選択のサンプル。li の色見本を選択。
inputタグ
タイマー処理
- TestJS_timer_HSLColor02.html
タイマー処理のサンプル。時間とともに div の色を変える。HSL 色指定。
JavaScript: タイマー処理
タイマー処理でボールを動かす。
ボールをクラス (class) で記述したサンプル。
canvas タグ
JavaScript: 次の一歩 (1)