問題

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!

さらにスキルアップしたい方は公式LINEから「JavaScript」と送信すると動画が見れます。

LINE登録して動画を視聴する
あなたに合った学習プランは?LINE適正コース診断はこちら