⊗jsPrPCRE 29 of 62 menu

Edycja z przeliczeniem w kalkulatorze produktów w JavaScript

Dopracujmy teraz funkcję allowEdit tak, aby wykonywało się opisane w poprzedniej lekcji przeliczenie.

W tym momencie kod twojej funkcji powinien wyglądać mniej więcej tak:

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

Dodajmy kod, który dla komórki z ceną i dla komórki z ilością będzie wykonywać przeliczenie:

function 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')) { // wykonamy przeliczenie } } }); }); }

Dopisz brakującą część kodu tak, aby przy zmianie komórki z ceną lub komórki z ilością zmieniał się koszt zakupu w kolumnie cost, a także wykonywało się przeliczenie całkowitej sumy.

Polski
AfrikaansAzərbaycanБългарскиবাংলাБеларускаяČeštinaDanskDeutschΕλληνικάEnglishEspañolEestiSuomiFrançaisहिन्दीMagyarՀայերենIndonesiaItaliano日本語ქართულიҚазақ한국어КыргызчаLietuviųLatviešuМакедонскиMelayuမြန်မာNederlandsNorskPortuguêsRomânăРусскийසිංහලSlovenčinaSlovenščinaShqipСрпскиSrpskiSvenskaKiswahiliТоҷикӣไทยTürkmenTürkçeЎзбекOʻzbekTiếng Việt
Wykorzystujemy pliki cookie do działania strony, analizy i personalizacji. Przetwarzanie danych odbywa się zgodnie z Polityką prywatności.
zaakceptuj wszystkie dostosuj odrzuć