JavaScript #2：簡単な電卓を作る

公開：2026.05.05(火) 09:13

JavaScriptで簡単な電卓を作る

1. 環境

DockerでNode.js環境を作っておく

→「JavaScript #1：node環境の構築」

2. HTMLの作成

body内に結果を表示するtext(id=display)と、計算ボタンを16個作成する。

<div id="calculator">
    <input type="text" id="display" readonly>
    <div class="buttons">
        <!-- brタグは不要です -->
        <button>7</button><button>8</button><button>9</button><button>/</button>
        <button>4</button><button>5</button><button>6</button><button>*</button>
        <button>1</button><button>2</button><button>3</button><button>-</button>
        <button>0</button><button>C</button><button>=</button><button>+</button>
    </div>
</div>
    

3.