Candle/plusminusbutton.js

var inputNumber = document.getElementsByClassName('input-group-field');

if (window.location.pathname.includes("/warenkorb.html")) {
    document.addEventListener("DOMContentLoaded", function () {
        $(window).on('load',function() {
        for(var y = 0;y<inputNumber.length;y++)
        {
            showValue(inputNumber[y]);    
        }
            
               
            
        
var minusButton = document.getElementsByClassName("fa fa-minus");

var plusButton = document.getElementsByClassName("fa fa-plus");


//Dieser Code Block gehört zur Warenkorb Datei
for(var i = 0;i<plusButton.length;i++)
{
    
    var button = plusButton[i]
   
    button.addEventListener('click', incrmenetValue)
    
   
}

for(var j = 0;j<minusButton.length;j++)
{
    var button1 = minusButton[j]
   
    button1.addEventListener('click', decrmenetValue)

   
}
    }
   
    
    );
});
}

//<input class="input-group-field" type="number" name="quantity" value="1">
//var addItemButton = document.getElementsByClassName("input-group-field");

function showValue(event)
{
        
    var shopItem = event.parentElement.parentElement.parentElement
    
    var title = shopItem.getElementsByTagName('h3')[0].innerHTML
    var getValue = localStorage.getItem(title) || 0;
    shopItem.getElementsByClassName('input-group-field')[0].value = getValue;
    
}

function incrmenetValue(event)
{
   

    var buttony = event.target
    var shopItem = buttony.parentElement.parentElement.parentElement.parentElement.parentElement
    var title = shopItem.getElementsByTagName('h3')[0].innerHTML
    var getValue= localStorage.getItem(title) || 0;
   // var getValue = shopItem.getElementsByClassName('input-group-field')[0].value;
    if(getValue < 10){
    getValue++;
}
    shopItem.getElementsByClassName('input-group-field')[0].value = getValue;
    localStorage.setItem(title, getValue)


}
function decrmenetValue(event)
{ 
    var buttony = event.target
    var shopItem = buttony.parentElement.parentElement.parentElement.parentElement.parentElement
    var title = shopItem.getElementsByTagName('h3')[0].innerHTML
    var getValue= localStorage.getItem(title) || 0;
   if(getValue > 0){
    getValue--;
}
    shopItem.getElementsByClassName('input-group-field')[0].value = getValue;
    localStorage.setItem(title, getValue)


}