gay

function validate() {

    const usernameRef=document.getElementById("username")
    const emailRef=document.getElementById("email")
    const passwordRef=document.getElementById("password")
    const confirmPasswordRef=document.getElementById("confirm-password")
    const companyRef=document.getElementById("company")
    const companyInfo=document.getElementById("companyInfo")
    const companyNumberRef=document.getElementById("companyNumber")
    const submitBtn=document.getElementById("submit")
    const validRef=document.getElementById("valid")

    submitBtn.setAttribute("type","button")

    let correctInput=true

    companyRef.addEventListener("change",radio)


    submitBtn.addEventListener("click",submit)

    function radio(){
        if(companyRef.checked){
            companyInfo.style.display="block"
        }
        else{
            companyInfo.style.display="none"
        }
    }

    function submit(){
        const userNameRegEx=/^[a-zA-Z0-9]{3,20}$/g
        const passwordRegEx=/^\w{5,15}$/g
        const emailRegEx=/^[^@.]+\@[^@]*.[^@]*$/g

        //check default

        if(!userNameRegEx.test(usernameRef.value)){
            usernameRef.style.borderColor="red"
            correctInput=false
        }
        else{
            usernameRef.style.border="none"
        }
        if(!passwordRegEx.test(passwordRef.value)){
            passwordRef.style.borderColor="red"
            correctInput=false
        }
        else{
            passwordRef.style.border="none"
        }

        if(!emailRegEx.test(emailRef.value)){
            emailRef.style.borderColor="red"
            correctInput=false
        }
        else{
            emailRef.style.border="none"
        }
        if(passwordRef.value!==confirmPasswordRef.value||passwordRef.value.length<5||confirmPasswordRef.value<5){
            confirmPasswordRef.style.borderColor="red"
            correctInput=false
        }
        else{
            passwordRef.style.border="none"
            confirmPasswordRef.style.border="none"
        }
        //check Company
        if(companyRef.checked){
            if(Number(companyNumberRef.value)>=1000&&Number(companyNumberRef.value)<=9999){
                companyNumberRef.style.border="none"
            }
            else{
                companyNumberRef.style.borderColor="red"
                correctInput=false
            }
        }

        if(correctInput===true){
            validRef.style.display="block"
        }
        else{
            validRef.style.display="none"
        }
        correctInput=true
    }
}