JavaScript製品計算機での購入削除
では、購入の削除を実装しましょう。 削除用のリンクはすでにあります。次の行で作成しています:
createCell(tr, '削除', 'remove');
復習になりますが、関数 createCell
は作成されたセルを返します。これは、
このセルに対して様々な操作が行えることを意味します。
例えば、クリックハンドラーをバインドしてみましょう:
let remove = createCell(tr, '削除', 'remove');
remove.addEventListener('click', function() {
// テーブルの行を削除する
});
中間変数を導入しなくても構いません:
createCell(tr, '削除', 'remove').addEventListener('click', function() {
// テーブルの行を削除する
});
テーブルの行を削除するための不足しているコードを記述してください。
購入を削除したときに合計金額が更新されるように、
関数 recountTotal の呼び出しを適切な場所に追加してください。