How to automatically update total price based on quantity changes?

Goof afternoon all. I have created a price calculator for a flooring website that allows users to input room length and width, then j’query will calculate the required quantity for the select flooring.
This all works perfectly and updates the quantity input automatically. However I have a ‘total price’ variable which multiplies the price per box by the area of the room as per the user input and this gives an output of ‘total price’ which is perfect, but if they user clicks the + or - buttons on the quantity input to adjust how many boxes they require the price no longer updates automatically and I am unsure on how to get this too work.
Does this make sense? So basically when the user inputs their own quantity the total price needs to update automatically.

You can view the code for this page here: https://jsfiddle.net/o1Lqv8sm/

@adammahon

That’s great can you share demo link, on which it’s work perfectly.

Thank you.

Hi, you can see it demo here.

https://floorzy.com/products/villa-12mm-harbour-oak-grey

Store password is: voghai

Thanks!

Hello, the calculator on your demo site looks really good, I’m facing the same issue, could you please share the finished code, because the one you shared seems to have a bit different implementation and functionality. Thank you in advance.

It didn’t work for me, by any chance could you share all the code