How can I make my cart page update prices when my quantity changes without refreshing the page?

Store Design
1

i got the project, but it stuck when i create the drawer and cart page because the price can’t be updated when i try to change the quantity.

Here’s my liquid for the project


                
                  
                

                
                  {{ 'general.accessibility.error' | t }} 
                  {% include 'icon-error' %}
                  
                

              
              
              <b>
                {%- comment -%}
                  Markup template for discount item
                {%- endcomment -%}
                <dl>
                  <dt>
                    {{ 'cart.label.regular_total' | t }}
                  </dt>
                  <dd>
                    ~~{{ item.original_line_price | money }}~~
                  </dd>
                  <dt>
                    {{ 'cart.label.discounted_total' | t }}
                  </dt>
                  <dd>
                    {{ item.final_line_price | money }}
                  </dd>
                </dl>

                {%- comment -%}
                  Markup template for regular price item
                {%- endcomment -%}
                
                  {{ item.original_line_price | money }}
                
</b>