I have the following image...

As you can see I have these 3 columns where based on the number of users choosed by the user at the bottom of the column a total is displayed. So what I am trying to implement is I need to add the sum of these columns (which have 3 different IDs) and to display the sum in the label called "Total" at the bottom right corner of the image.

The code I have:

Vanilla JS is being used to determine the total of each column, example below. (Total Column 2)

HTML (label where the total of all columns should be displayed)

  HTML section of the Total label of column 1. (ID HIGHLIGHTED)

HTML  section of the Total label of column 2. (ID HIGHLIGHTED)

HTML  section of the Total label of column 3. (ID HIGHLIGHTED)

And here is the code that I have at the moment, of course it does not work... Any help would be great appreaciated!

I have an algorithme in my mind but I am not sure how to implement this. I would like to give the same class name for each column's Total and use jQuery to add these 3 classes and display the Total in a label.