なでしこさんで小泉式単位換算器

今週も、アレの件についてもそれ以外についても note を書けないままあっという間に週末。
やっぱり、頭が悪いからひたすらサボっちまう感じみたい……？
今日 (日曜日) はあと数時間あるし頑張れば書けるかも……？でも時間切れが怖いな……
ということでリスクの回避を選択。今回も元気に雑プログラムで埋めることを決定。

今回やったこと

なでしこ で、単位換算器を作った。
ただし、入力と同じ単位への換算のみに対応する。

プログラム

小泉式単位換算器 (プログラム貯蔵庫)

ポイント

画面の用意

入力欄は空のエディタ作成。
それの「placeholder」に「数値と単位を入力」をDOM属性設定。
変換ボタンは「は」のボタン作成。
改行作成。
出力欄は空のエディタ作成。
それの「readonly」に空をDOM属性設定。
「です！」のラベル作成。

入力欄・出力欄・変換ボタンを用意する。
入力欄には、placeholder で何を入力するべきかを表示した。
出力欄は、readonly 属性を設定し、勝手に書き換えにくいようにした。
なお、開発者ツールなどで書き換えられるため、勝手に書き換えられないわけではない。

入力変化時の出力クリア

入力欄の「input」がDOMイベント発火した時には
  出力欄に空をテキスト設定。
ここまで。

入力欄の内容の変化時、出力欄の内容をクリアし、古いデータが残っていることによる混乱を防ぐ。

変換処理

変換ボタンのクリックされた時には
  入力欄のテキスト取得。
  出力欄にそれをテキスト設定。
ここまで。

変換ボタンが押されたら、変換を行う。
といっても、入力された内容をそのまま出力するだけである。

おわりに

なでしこで、単位換算器？を作ることができた。

こうしてこの世界にまた一つ、新たなクソアプリアドベントカレンダー未満？のクソアプリが生まれた。