การแก้ไขด้วยการคำนวณใหม่ในเครื่องคิดเลขผลิตภัณฑ์ด้วย JavaScript

ตอนนี้เรามาปรับปรุงฟังก์ชัน allowEdit เพื่อให้การคำนวณใหม่ตามที่อธิบายในบทเรียนที่แล้ว ถูกดำเนินการ

ณ จุดนี้ รหัสของฟังก์ชันของคุณ ควรมีลักษณะประมาณนี้:

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

เรามาเพิ่มรหัสซึ่งสำหรับเซลล์ราคาและ เซลล์จำนวนจะดำเนินการ คำนวณใหม่:

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')) {
          // ดำเนินการคำนวณใหม่
        }
      }
    });
  });
}