Ostosten poistaminen ruokalaskurin JavaScriptissä
Toteutetaan nyt ostoksen poistaminen. Poistolinkki meillä on jo, luomme sen tällä rivillä:
createCell(tr, 'poista', 'remove');
Muistutan, että funktio createCell
palauttaa luodun solun. Tämä tarkoittaa,
että tälle solulle voidaan suorittaa erilaisia
toimintoja. Esimerkiksi liitetään sille klikkauksen
käsittelijä:
let remove = createCell(tr, 'poista', 'remove');
remove.addEventListener('click', function() {
// poistetaan taulukon rivi
});
Väliaikaista muuttujaa ei tarvitse ottaa käyttöön:
createCell(tr, 'poista', 'remove').addEventListener('click', function() {
// poistetaan taulukon rivi
});
Kirjoita puuttuva koodi taulukon rivin poistamiseksi.
Lisää funktion recountTotal kutsu
oikeaan paikkaan niin, että ostoksen poistaminen
päivittää kokonaissumman.