基数変換器 【JavaScriptのサンプルコード】

Print Friendly, PDF & Email

ここでは、当社の新人研修受講者に向けて、JavaScriptのサンプルコードを紹介しています。

基数変換器のサンプルコード

10進数を入力して「変換」ボタンを押すと、2進数、8進数、16進数に変換します。

<html>
    <head>
        <meta charset="utf-8">
        <title>Radix converter</title>
    </head>
    <body>
        <h1>Radix converter</h1>
        <p>10進数を入力して「変換」ボタンを押すと、2進数、8進数、16進数に変換します</p>
        <form name="frm">
            <p>10進数:<input type="text" name="t1" value="16"></p>
            <p><input type="button" value="変換" onclick="radixConv()"></p>
            <p>2進数:<input type="text" name="t2" value=""></p>
            <p>8進数:<input type="text" name="t3" value=""></p>
            <p>16進数:<input type="text" name="t4" value=""></p>
        </form>


        <script>

            function radixConv() {

                var decNum = parseInt(document.frm.elements[0].value);

                document.frm.elements[2].value = decNum.toString(2);

                document.frm.elements[3].value = decNum.toString(8);

                document.frm.elements[4].value = decNum.toString(16);
            }
        </script>
    </body>
</html>