window.onload=()=>{
    const first=document.getElementsByClassName("firstSpan")[0].children,
          second=document.getElementsByClassName("secondSpan")[0].children,
          third=document.getElementsByClassName("thirdSpan")[0].children,
          fourth=document.getElementsByClassName("fourthSpan")[0].children;
    const reg = /(^[1-9]([0-9]+)?(\.[0-9]{1,2})?$)|(^(0){1}$)|(^[0-9]\.[0-9]([0-9])?$)/;
    const moneyInput=document.getElementsByClassName("moneyInput")[0];
    const number=moneyInput.querySelector("input");
    CountNum(first,number,reg);
    CountSpan(second,number,reg);
    CountSpan(third,number,reg);
    CountPoint(fourth,number,reg);
    if(onloadAsync()){
        return;
    }else if(onloadAsync()=='none'){
        return;
    }
    else{
        window.location.href="alipay.html";
        return;
    }
}
onloadAsync=()=>{
    if (/MicroMessenger/.test(window.navigator.userAgent)) { 
        return true; 
    } else if (/AlipayClient/.test(window.navigator.userAgent)) { 
        return false;
    }else{
        return 'none';
    }
}
CountNum=(elements,number,reg)=>{
    for(var i=0;i<elements.length;i++){
        (function(i){
            //console.log(elements[i]);
            elements[i].onclick=function(){
                console.log(elements[i].innerHTML);
                if(i<elements.length-1){
                    number.value+=elements[i].innerHTML;
                    if(reg.test(number.value)){
                        number.value=number.value;
                    }else{
                        number.value=number.value.substring(0,number.value.length-1);
                    }
                    
                }else{
                    number.value=number.value.substring(0,number.value.length-1);
                }
            }
        })(i)
    }
}


CountSpan=(elements,number,reg)=>{
    for(var i=0;i<elements.length;i++){
        (function(i){
            //console.log(first[i]);
            elements[i].onclick=function(){
                console.log(elements[i].innerHTML);
                if(i<elements.length-1){
                    number.value+=elements[i].innerHTML;
                    if(reg.test(number.value)){
                        number.value=number.value;
                    }else{
                        number.value=number.value.substring(0,number.value.length-1);
                    }
                }else{
                    console.log("don't touch me hentai!");
                }
            }
        })(i)
    }
}

CountPoint=(elements,number,reg)=>{
    for(var i=0;i<elements.length;i++){
        (function(i){
            //console.log(first[i]);
            elements[i].onclick=function(){
                console.log(elements[i].innerHTML);
                if(i<elements.length-1){
                    if(number.value.indexOf(".")==-1){
                        if(reg.test(number.value)){
                            number.value+=elements[i].innerHTML;
                        }else{
                            number.value=number.value;
                        }
                    }else{
                        number.value=number.value;
                    }
                    
                }else{
                    console.log("don't touch me hentai!");
                }
            }
        })(i)
    }
}