Editare cu recalculare în calculatorul de produse pe JavaScript

Să modificăm acum funcția allowEdit astfel încât să fie efectuată recalcularea descrisă în lecția precedentă.

Până în acest moment, codul funcției voastre ar trebui să arate aproximativ astfel:

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

Să adăugăm cod care pentru celula cu prețul și pentru celula cu cantitatea va efectua recalcularea:

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')) {
          // vom efectua recalcularea
        }
      }
    });
  });
}