【Webページ制作】KのN進法表示

【概要】

数値Kを入力すると、N進法（Nは2以上36以下）での表記に変換してくれます。

このページはHTML/CSSの勉強用に作りました。装飾の練習をするため、シンプルなアルゴリズムで動作するページにしてあります。

【機能紹介】

最初は出力欄には何も表示されていません。Kを与えられると、変換用関数Changeが動作して出力欄が表示されます。N = 2 ... 36 と、上から順に変換値が並びます。

出力結果は真ん中に揃えて表示したかったのですが、そのまま出力すると下に進むほど文字列が短くなり、見栄えが悪くなります。

そこで今回は、tableタグを併用して表の形で出力しました。JSファイルにて、tableを出力しながら入力に合わせて中身を変更するようにコードを組んでいます。

なお今回は、ボタンを使わずに出力できます。Kの値が変化すると、リアルタイムで出力値も変化します。また、文字列出力用にフォントも変えました。デフォルトのフォントだと、「1」と「I（大文字アイ）」と「l（小文字エル）」が紛らわしいからです。

【使用例】

・K=47

・K=9876543210

・K=0.125

・K=( 空白 )

【現時点で思いつく改善点】

ページを下側にスクロールした時、ページ上部に戻るボタンを右下に配置したいですね。

実際にコードを調べて実装しようとしたのですが、コードが予想より複雑で理解が足りず、断念。時間がある時に追加しようと思います。