Edit dengan Perhitungan Ulang di Kalkulator Produk JavaScript

Sekarang mari kita sempurnakan fungsi allowEdit sehingga perhitungan ulang yang dijelaskan dalam pelajaran sebelumnya dapat dilakukan.

Pada titik ini, kode fungsi Anda seharusnya terlihat seperti ini:

javascriptfunction allowEdit(td) {
  td.addEventListener('dblclick', function() {
    let text = td.textContent
    td.textContent = '';
    
    let input = document.createElement('input');
    input.value = text;
    input.focus();
    td.appendChild(input);
    
    input.addEventListener('keydown', function(event) {
      if (event.key == 'Enter') {
        td.textContent = this.value;
      }
    });
  });
}

Mari tambahkan kode yang untuk sel dengan harga dan sel dengan jumlah akan melakukan perhitungan ulang:

javascriptfunction allowEdit(td) {
  td.addEventListener('dblclick', function() {
    let text = td.textContent
    td.textContent = '';
    
    let input = document.createElement('input');
    input.value = text;
    input.focus();
    td.appendChild(input);
    
    input.addEventListener('keydown', function(event) {
      if (event.key == 'Enter') {
        td.textContent = this.value;
        
        if (td.classList.contains('price') || td.classList.contains('amount')) {
          // lakukan perhitungan ulang
        }
      }
    });
  });
}