How to create plus and minus counter buttons

Design help Animations & Interactions
1

Hi all I am trying to get this code to work to edit the quantity of a value in a cart. I want to edit the value of a text field using plus and minus buttons.

This is the script in the body tag. The buttons are in the cart wrapper. IF you open the cart you’ll see 2 divs and a text field.

Screen Shot 2020-01-11 at 5.19.15 PM
Screen Shot 2020-01-11 at 5.19.15 PM1274×814 46.7 KB

https://preview.webflow.com/preview/maxwell-blessens-five-sta-f6a34106406a6?utm_medium=preview_link&utm_source=designer&utm_content=maxwell-blessens-five-sta-f6a34106406a6&preview=117bbcc37f6b94fa7bfe7430fbf429ef&mode=preview

Here is my public share link: LINK
(how to access public share link)

2

  1. Classes are case-sensitive.

  2. Webflow automatically converts class names to hyphenated-lowercase when the site is published.

  3. Therefore Div-block-126 and Div-Block-125 is probably incorrect.

  4. Also, you are also missing a class selector from the first section “.” on line 6.

3 Likes