Function call within function

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?

const methods = {
  a() {

  },
  b() {
    // call a
    methods.a();
  },
}

const obj = { methods }; 

export default obj;