J-CALC
Calculators for Webflow in seconds
<script src="https://cdn.jsdelivr.net/gh/jimmyswrld/j-calc/v2.js"></script>
Example
Docs
Step 1:
Copy and paste the script into the "before </body> tag" in your page settings
Step 2:
Configure your calculator using attributes 👇
This attribute goes on the element that you want to display the output of the calculation. Set the value of this attribute to the calculation formula.
This attribute sets a default value for the input element if there is no user input or it equals to 0. Useful for multiplication when you don't want your output to be 0 when an input is empty.
This attribute groups output elements to output buttons. When set, this output will only update when the output button with the same value is clicked.
This attribute goes on a button element and specifies the group of outputs that should be updated when the button is clicked.
This attribute rounds the output to the nearest specified value.
This attribute is required for checkbox elements since there is no checkbox value field. It specifies the value used when the checkbox is checked.
This attribute specifies the number of decimal places to display in the output.