I was working on creating shopping-cart page
I defined functions (updateTotal and removeArticle) in export default { methods: { } } as following
removeArticle: function(event){
var buttonClicked = event.target
buttonClicked.parentElement.parentElement.remove()
**updateTotal()**
},
and
updateTotal: function(){
var cartItemContainer = document.getElementsByClassName('cart-items')[0]
var cartRows = cartItemContainer.getElementsByClassName('cart-row')
var total = 0
for (var i = 0; i < cartRows.length; i++) {
var cartRow = cartRows[i]
var priceElement = cartRow.getElementsByClassName('cart-price')[0]
var quantityElement = cartRow.getElementsByClassName('cart-quantity-input')[0]
var price = parseFloat(priceElement.innerText.replace('$', ''))
var quantity = quantityElement.value
total = total + (price * quantity)
}
document.getElementsByClassName('cart-total-price')[0].innerText = total
},
how can the function updateTotal() be called when executing remove() function?