javascript - 3D carousel not working -HTML CSS3 -
i new css3 , trying implement simple 3d carousel. don't understand why it's not working should be. kindly me this. here screenshot of page, html, css, javascript files : var init= function(){ console.log("init function"); var carousel=document.getelementbyid('carousel'), navbuttons=document.queryselectorall('nav button'), panelcount=carousel.children.length, transformprop=modernizr.prefixed('transform'), theta=0, onnavbuttonclick=function(event){ var increment=parseint(event.target.getattribute('data-increment')); theta +=(360/panelcount)*increment* -1; carousel.style[transformprop] ='translatez(-288px) rotatey('+theta+');'; console.log(panelcount); console.log(increment); console.log(theta); console.log(carousel.style); console.log("inside button click"); }; for (var = 0; < 2; i++) { navbuttons[i].addeventlistener('click',onnavbuttonclick,fa