問題
2
JavaScript
カラーピッカーで取得した色を反映させよう
JavaScriptの問題に挑戦しよう!
問題
「カラーピッカーで取得した色を反映させよう」
カラーピッカーで取得した色を
「忍者CODE」に反映させよう!
あらかじめエディタに書くコード
<h1 class="title">忍者CODE</h1>
<input type="color" id="color-change">
¥HTML¥
.title{
font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "MS P明朝", "MS 明朝", serif;
text-align: center;
margin-top: 300px;
font-size: 100px;
}
#color-change{
display: block;
margin: 0 auto;
width: 100px;
}
¥CSS¥
期待する画面
解答と解説(カラーピッカーで取得した色を反映させよう)
解説
LINE登録して解答を見る
※ご登録後トークルーム下部にあるメニュー内
「無料問題集※解答付き」を押すと
解答閲覧用URLが届きます
HTMLには様々な種類のinputがあるが、
基本的にはどのタイプも値を取得できるので覚えておこう!
値の取得は「.val()」を使えばOK!