Dovah Comments - Answer Overflow

function totalPrice() {
        const cartTotalItemPrice = document.querySelectorAll(".total-item-price-span")
        const cartItemsNumber = document.querySelector(".cart-items-number")

        cartItemsNumber.innerText = cartTotalItemPrice.length;
        
        let fullPrcie = 0;
        for(let i=0;i<cartTotalItemPrice.length;i++) {
            let price = Number(cartTotalItemPrice[i].innerText);
            fullPrcie += price;
            totalPriceSpan.innerText = fullPrcie.toFixed(2);
        }
    }
    function incrementAmmount() {
        const itemCartName = document.querySelectorAll(".item-name");
        const itemAmmountSpan = document.querySelectorAll(".item-ammount-span")
        const totalItemPrice = document.querySelectorAll(".total-item-price-span")

        for(let i=0;i<itemCartName.length;i++) {
            if(itemCartName[i].innerText === cardName.innerText) {
                itemAmmountSpan[i].innerText = itemAmmount;
                totalCartItemPrice = Number(Number(itemAmmount)*Number(itemPrice)).toFixed(2);
                totalItemPrice[i].innerText = totalCartItemPrice;
                totalPrice();
            }
        }
    }

function totalPrice() {
        const cartTotalItemPrice = document.querySelectorAll(".total-item-price-span")
        const cartItemsNumber = document.querySelector(".cart-items-number")

        cartItemsNumber.innerText = cartTotalItemPrice.length;
        
        let fullPrcie = 0;
        for(let i=0;i<cartTotalItemPrice.length;i++) {
            let price = Number(cartTotalItemPrice[i].innerText);
            fullPrcie += price;
            totalPriceSpan.innerText = fullPrcie.toFixed(2);
        }
    }
    function incrementAmmount() {
        const itemCartName = document.querySelectorAll(".item-name");
        const itemAmmountSpan = document.querySelectorAll(".item-ammount-span")
        const totalItemPrice = document.querySelectorAll(".total-item-price-span")

        for(let i=0;i<itemCartName.length;i++) {
            if(itemCartName[i].innerText === cardName.innerText) {
                itemAmmountSpan[i].innerText = itemAmmount;
                totalCartItemPrice = Number(Number(itemAmmount)*Number(itemPrice)).toFixed(2);
                totalItemPrice[i].innerText = totalCartItemPrice;
                totalPrice();
            }
        }
    }

5 replies

KPCKevin Powell - Community

•Created by Dovah on 12/25/2024 in #front-end

'touchend' event triggering RightMouseButton?

This is the 'touchstart' and 'touchend' function

5 replies

KPCKevin Powell - Community

•Created by Dovah on 12/24/2024 in #front-end

Increment number by holding a button with mouse click or screen tap?

👍

28 replies

KPCKevin Powell - Community

•Created by Dovah on 12/24/2024 in #front-end

Increment number by holding a button with mouse click or screen tap?

@Jochem Thanks for help as well.

28 replies

KPCKevin Powell - Community

•Created by Dovah on 12/24/2024 in #front-end

Increment number by holding a button with mouse click or screen tap?

Ok that should be it, it works fine I think. @Tok124 (CSS Nerd) The

interval = setTimeout(() => {
      interval =   setInterval(action, 100);
    }, 300)

interval = setTimeout(() => {
      interval =   setInterval(action, 100);
    }, 300)

part where you put timeout in interval as well helped a lot since I was not doing it and double click would triger the interval function due to the timeout. xD

28 replies

Gaming

Programming