How to display individual quantity of a product from a java sheet?

Question

JavaScript

There is a jsp page of the cart. It is required to calculate the total cost of the goods when adding the quantity to the goods.

For this method I took the code

<div class="col-md-12 col-lg-4 col-11 mx-auto mt-lg-0 mt-md-5">
    <div class="right_side p-3 shadow bg-white">
        <h2 class="cart_name mb-5">Общая сумма </h2>
        <div class="price_indiv d-flex justify-content-between">
            <p>Цена товара(ов)</p>
            <p><span id="cart_total_amt">${cartList.stream().map(product -> product.price).sum()}</span>€</p>
        </div>
        <div class="price_indiv d-flex justify-content-between">
            <p>Стомость доставки</p>
            <p><span id="shipping_charge">3</span>€</p>
        </div>
        <hr/>
        <div class="total-amt d-flex justify-content-between font-weight-bold">
            <p>Общая сумма (с учетом НДС) </p>
            <p><span id="total_cart_amt">0.00</span>€</p>
        </div>
        <a href="paymentForm" class="btn text-uppercase" style="background-color: #EB984E">Оплатить</a>
    </div>

When adding the quantity of goods to the input, the total price does not change

Input code

<div>
    <div class="def-number-input number-input safari_only mb-0 w-100 d-flex flex-row">
        <button id="basic-example-decrease"
                onclick="this.parentNode.querySelector('input[type=number]').stepDown()"
                class="minus"
                style="border: none; outline: none; border-top-left-radius: 5px; border-bottom-left-radius: 5px;">
            <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16"
                 fill="currentColor" class="bi bi-dash" viewBox="0 0 16 16">
                <path d="M4 8a.5.5 0 0 1 .5-.5h7a.5.5 0 0 1 0 1h-7A.5.5 0 0 1 4 8z"></path>
            </svg>
        </button>
        <input class="form-control" min="1" max="${product.count}" value="1"
               type="number"
               style="border-radius: 0; border-left: none; border-right: none; text-align: center;">
        <button id="basic-example-add"
                onclick="this.parentNode.querySelector('input[type=number]').stepUp()"
                class="plus"
                style="border: none; outline: none; border-top-right-radius: 5px; border-bottom-right-radius: 5px;">
            <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16"
                 fill="currentColor" class="bi bi-plus" viewBox="0 0 16 16">
                <path d="M8 4a.5.5 0 0 1 .5.5v3h3a.5.5 0 0 1 0 1h-3v3a.5.5 0 0 1-1 0v-3h-3a.5.5 0 0 1 0-1h3v-3A.5.5 0 0 1 8 4z"></path>
            </svg>
        </button>
    </div>
</div>

Answer 1

Good afternoon.
And what does the client side have to do with the server side?

When adding the quantity of a product to the input, the total price does not change

This works on the client and JavaScript can help here, not Java

How to display individual quantity of a product from a java sheet?

I don't think the question is correct, to be honest. You need to sum up the cost of the goods inside the basket on the client. Respectively. placing products in a separate list on the server will not help