Vue.jsで電卓作成 No.4[計算式の再利用,式の一文字削除機能]

さて，少しづつ機能を追加していきます！！

公開ページ

ayutaz.github.io

追加したい機能

1. 計算式から一文字を消すことのできるボタンの追加
2. 計算履歴を再度使える再機能ボタン

実装方法

1. 一文字削除

lab.syncer.jp

sliceを使って，削除していきます

this.formula = this.formula.slice(0, -1);

1. 再機能button

reuse: function (string) {
            number = string.indexOf('=');
            this.formula = string.slice(0, number);
            this.ans = '';
        },

<td><button class="ui button" v-on:click="reuse(item[0])">再利用</button></td>

ボタンを押した時に，履歴が入ってる配列 を関数に渡します． その後に，その配列から，'='の場所を探して=以降を削除します． 式だけを上のformulaに代入します

前回の記事

ayousan.hatenablog.com

関連記事

ayousan.hatenablog.com

ayousan.hatenablog.com