yakutsu

<ul data-line="0" class="code-line">
<li data-line="0" class="code-line">見た目をつくる</li>
<li data-line="1" class="code-line">面倒なのでマウスクリックだけ扱う</li>
<li data-line="2" class="code-line">電卓のロジックをつくる</li>
</ul>

ボタンの文字列を中央揃えにする。文字列の文字数をもとに幅を決める。高さは1行とする（改行を無視）

入力された式（四則演算のみ）を上部に表示する。 
途中結果を文字列として管理して表示する。 
削除もできるようにする。 
イコールボタンでeval を呼び出し評価する。入力文字列の最後が数字の時以外は入力を無視する。

画面のレイアウトはこんな感じにする 
<img src="https://storage.googleapis.com/zenn-user-upload/3c713b792add-20250330.png" width="250" loading="lazy" class="md-img">