Kromajlı Yoyo

.domeksBtn {
padding:8px 14px;
border:1px solid #ccc;
background:#eee;
cursor:pointer;
margin-right:8px;
margin-bottom:8px;
}
.domeksBtn:hover { background:#ddd; }
.domeksAktif { background:#000 !important; color:#fff !important; }
.domeksUyari {
background:#c62828;
color:#fff;
padding:10px;
font-weight:bold;
margin:15px 0;
border-radius:4px;
}

document.addEventListener(“DOMContentLoaded”, function(){

var domeksKademe = “”;
var montajDurum = “”;
var alan = 2.15 * 2.15;

function temizle(parentId){
var alanDiv = document.getElementById(parentId);
if(!alanDiv) return;
var btnler = alanDiv.getElementsByTagName(“button”);
for(var i=0;i<btnler.length;i++){
btnler[i].classList.remove("domeksAktif");
}
}

document.getElementById("damlaBtn").addEventListener("click", function(){
temizle(this.parentNode.id);
this.classList.add("domeksAktif");
document.getElementById("domeksAlan").style.display="block";
document.getElementById("domeksUyari").style.display="block";
kademeOlustur();
});

document.getElementById("lazerBtn").addEventListener("click", function(){
temizle(this.parentNode.id);
this.classList.add("domeksAktif");
document.getElementById("domeksAlan").style.display="block";
document.getElementById("domeksUyari").style.display="none";
document.getElementById("adetSecim").innerHTML="";
document.getElementById("montajSecim").innerHTML="";
document.getElementById("domeksSonuc").innerHTML=
"Birim Fiyat: 3,00 TL + KDV";
});

function kademeOlustur(){

var adetAlan = document.getElementById("adetSecim");
adetAlan.innerHTML="";
document.getElementById("montajSecim").innerHTML="";
document.getElementById("domeksSonuc").innerHTML="";

var btnAlt=document.createElement("button");
btnAlt.type="button";
btnAlt.innerText="1000 adet altı";
btnAlt.className="domeksBtn";
btnAlt.onclick=function(){
temizle("adetSecim");
this.classList.add("domeksAktif");
domeksKademe="alt";
montajOlustur();
};

var btnUst=document.createElement("button");
btnUst.type="button";
btnUst.innerText="1000 adet üzeri";
btnUst.className="domeksBtn";
btnUst.onclick=function(){
temizle("adetSecim");
this.classList.add("domeksAktif");
domeksKademe="ust";
montajOlustur();
};

adetAlan.appendChild(btnAlt);
adetAlan.appendChild(btnUst);
}

function montajOlustur(){

var montajAlan=document.getElementById("montajSecim");
montajAlan.innerHTML="";
document.getElementById("domeksSonuc").innerHTML="";

var btnVar=document.createElement("button");
btnVar.type="button";
btnVar.innerText="Montaj İsteniyor";
btnVar.className="domeksBtn";
btnVar.onclick=function(){
temizle("montajSecim");
this.classList.add("domeksAktif");
montajDurum="var";
hesapla();
};

var btnYok=document.createElement("button");
btnYok.type="button";
btnYok.innerText="Montajsız";
btnYok.className="domeksBtn";
btnYok.onclick=function(){
temizle("montajSecim");
this.classList.add("domeksAktif");
montajDurum="yok";
hesapla();
};

montajAlan.appendChild(btnVar);
montajAlan.appendChild(btnYok);
}

function hesapla(){

var birim=0;
var baskes=0;

if(domeksKademe=="alt"){
birim=0.60;
baskes=2.40;
} else {
birim=0.40;
baskes=1.75;
}

var fiyat=(alan*birim);

if(montajDurum=="var"){
fiyat+=1.50;
}

fiyat+=baskes;

document.getElementById("domeksSonuc").innerHTML=
"Birim Fiyat: "+
fiyat.toFixed(2).replace(".",",")+
" TL + KDV";
}

});