Cześć, mam problem z zdefiniowaniem zmiennej oraz zapisem funkcji, poniżej wstawiam rysunek który obrazuje jak wyglądać ma interfejs.
\
Cena o produkcie A , B i C jest przechowywana w json, różnica cen także jest przechowywana w json. Problem polega na tym, że nie wiem jak przechować cenę produktu a potem odjąć od ceny różnicę przy wyborze opcji w select. U mnie działa to tak, że jak wybiorę opcję to potem muszę kliknąć znowu w button z produktem aby ta cena została zaktualizowana. Po wyborze opcji nie aktualizuje mi ceny dla wciśniętego wcześniej produktu.
orderContentButton1.addEventListener("click", (event) =>{
if(orderContentSelect.value === "Srebrny")
{
orderContentPrice.innerText = parseFloat(data.sizes.items.U.price) + valueCurrency;
}
else if(orderContentSelect.value === "Czarny")
{
orderContentPrice.innerText = parseFloat((data.sizes.items.U.price) - 5) + valueCurrency;
}
else if(orderContentSelect.value === "Biały")
{
orderContentPrice.innerText = parseFloat((data.sizes.items.U.price) - 10) + valueCurrency;
}
else
{
orderContentPrice.innerText = parseFloat(data.sizes.items.U.price) + valueCurrency;
}
orderContentSelect.addEventListener("input", (event) =>{
if(event.target.value === "Srebrny")
{
orderImage.src = "img/silver.jpg";
orderContentPrice.innerText = parseFloat(data.sizes.items.U.price) + valueCurrency;
}
else if (event.target.value === "Czarny")
{
orderImage.src = "img/black.jpg";
orderContentPrice.innerText = parseFloat((data.sizes.items.U.price) - 5) + valueCurrency;
}
else if (event.target.value === "Biały")
{
orderImage.src = "img/white.jpg";
orderContentPrice.innerText = parseFloat((data.sizes.items.U.price) - 10) + valueCurrency;
}
else
{
orderImage.src = "img/silver.jpg";
orderContentPrice.innerText = parseFloat(data.sizes.items.U.price) + valueCurrency;
}
Z góry dziękuję za odpowiedź.