Using Calculator to Populate Qty on Product Page

Site URL: https://www.clearexteriors.com/shop/p/gutter-guard-5

Hello,

I'd like to use the slider calculator on my product page to update the Product Quantity automatically when the calculator is used.  

In the image below, the Quantity would automatically update to '41'

Is this possible?

This is very likely not possible, the quantity field won't be able to read the result of the calculator after loading.

It may be possible.

 
This is not a solution and I don't know for sure if I can get all the way there. The code is not bi-directional. In other words changing the quantity does not update the slider. I need more info on how you intend to use this potential code.

Is there only going to be one product with the slider?

On 10/17/2022 at 7:54 PM, creedon said:

Is there only going to be one product with the slider?

Thank you for the responses - Sorry I missed them until now!  

To answer @creedon, I would like to have the slider on two different products. 

I actually have a solution working right now with JSON but only on Desktops and Tablets - it does not work on mobile.  Calconic offered these two options as solutions:

Basically, the desktop/tablet website breakpoint and the mobile website breakpoint use separate quantity input fields by the same name. Value output apparently prioritizes the desktop/tablet website breakpoint quantity field.

You would need to either
a) use multi-output JSON and output the same value to both quantity fields, but both fields should have different names.

b) use the same quantity field for both website breakpoints.

Is there a way to 'override' the Quantity input name reference with unique names that can be referenced by the JSON?

Thanks for all the input