Pengiraan Semula Suntingan dalam Kalkulator Produk JavaScript

Sekarang mari kita tambah baik fungsi allowEdit supaya pengiraan semula yang diterangkan dalam pelajaran sebelumnya dilaksanakan.

Pada tahap ini, kod untuk fungsi anda sepatutnya kelihatan 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 tambah kod yang akan melaksanakan pengiraan semula untuk sel dengan harga dan untuk sel dengan kuantiti:

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')) {
          // laksanakan pengiraan semula
        }
      }
    });
  });
}