How do i change this spans content when an event fires?

Hi, i want to change the innerHTML of the “total” span in the top right corner so that when you click the “addToCart” icons its number increases by 1 each time you click it.

here is my code:

Thank you so much!

Please see these two JQuery lessons and you can see how to apply an “add to cart” button and actually have it work.

So far so good. You have a solid foundation and everything looks good.

/* $(“addtocartbuttongoeshere”).on(“click”, function(){
$(".message").html(“Here is the message”);
});

Just store a variable for the amount of items added to cart and viola!