Redigering met Herberekening in 'n Produkkalkulator op JavaScript

Laat ons nou die funksie allowEdit aanpas sodat die herberekening, soos beskryf in die vorige les, uitgevoer word.

Teen hierdie tydstip moet jou funksiekode ongeveer so lyk:

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;
      }
    });
  });
}

Laat ons kode byvoeg wat vir die sel met prys en vir die sel met hoeveelheid 'n herberekening sal uitvoer:

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')) {
          // voer herberekening uit
        }
      }
    });
  });
}