50mm Aluminium

fetch(‘https://worldofdecor.co.za/wp-content/uploads/2026/05/50mm_Aluminium_WORKING.json’)

.then(response => response.json())

.then(data => {

function calculatePrice(){

const group =
document.getElementById(“colour”).value;

const enteredWidth = parseInt(document.getElementById(“width”).value);

const enteredDrop = parseInt(document.getElementById(“drop”).value);

if(!enteredWidth || !enteredDrop){
return;
}

let matches = data.filter(item =>

item.group === group &&
item.width_mm == enteredWidth &&
item.drop_mm == enteredDrop

);

if(matches.length === 0){

matches = data.filter(item =>

item.group === group &&
item.width_mm >= enteredWidth &&
item.drop_mm >= enteredDrop

);

}

if(matches.length === 0){

document.getElementById(“price”).innerHTML =
“No Price Found”;

return;

}

matches.sort((a,b)=>

(a.width_mm * a.drop_mm) –
(b.width_mm * b.drop_mm)

);

const bestMatch = matches[0];
const motorisation =
parseFloat(document.getElementById(“motorisation”).value);

const installation =
parseFloat(
document.querySelector(‘input[name=”installation”]:checked’).value
);

document.getElementById(“price”).innerHTML =
“R” + (
bestMatch.website_price +
motorisation +
installation
).toFixed(2);

}

document
.getElementById(“calculateBtn”)
.addEventListener(“click”, calculatePrice);

});