前回の課題の続き
前回のエラー内容
原因① < value >属性の値のミス
Before
After
< selct >タグの< value >の意味が分かっていませんでした。
< value >属性の値は選択された時にJavaScriptで取得できる値でした。
原因② HTMLの< input > タグのidの取得忘れ
ボタンをクリックした時の要素に、一番必要な「変換したい数値」の呼び出しができていなかったのが原因です。灯台下暗し？
原因③ 変換（倍率ベース）を求める式の理解不足
回答コード
出力結果
新しく学んだこと
placeholder" "
< label >で< input >の説明文をわざわざ作らなくても(placeholder" ")で簡潔になる
だけど、< label >で説明文を書いて(placeholder" ")で例文を書き、より分かりやすくすることもできることを学んだ
ワンポイント変更
(placeholder" ")のcss変更
「変換したい数字を入れてね」が見やすくなりました
フィートやインチの追加
メートル換算のvalueだけ分かればすぐに実行できるらしいです
変換結果にカンマをつけたい
.toLocaleString()の存在を忘れていました。やっぱり動画で学習しても実際に使わないと覚えないですね