const sval = document.getElementById("hii");
        let c1 = document.getElementById("c1");
        let c2 = document.getElementById("c2");
        let c3 = document.getElementById("c3");
        let c4 = document.getElementById("c4");
        let c5 = document.getElementById("c5");
        let c6 = document.getElementById("c6");
        let c7 = document.getElementById("c7");
        let c9 = document.getElementById("c9");
        let c10 = document.getElementById("c10");
        let c11 = document.getElementById("c11");
        let t1 = document.getElementById("t1");
        let t2 = document.getElementById("t2");
        let t3 = document.getElementById("t3");
        let t4 = document.getElementById("t4");
        let t5 = document.getElementById("t5");
        c1.style.display = "block";
        c2.style.display = "none";
        c3.style.display = "none";
        c4.style.display = "none";
        c5.style.display = "none";
        c6.style.display = "none";
        c7.style.display = "none";
        c9.style.display = "none";
        c10.style.display = "none";
        c11.style.display = "none";
        t2.style.display = "none";
                t3.style.display = "none";
                t4.style.display = "none";
                t5.style.display = "none";
        sval.addEventListener("change", (event) => {
            const currentValue = event.target.value;
            if (currentValue === "1") {
                c1.style.display = "block";
                c2.style.display = "none";
                c3.style.display = "none";
                c4.style.display = "none";
                c5.style.display = "none";
                c6.style.display = "none";
                c7.style.display = "none";
                c9.style.display = "none";
                c10.style.display = "none";
                c11.style.display = "none";
            }
            if (currentValue === "2") {
                c1.style.display = "none";
                c2.style.display = "block";
                c3.style.display = "none";
                c4.style.display = "none";
                c5.style.display = "none";
                c6.style.display = "none";
                c7.style.display = "none";
                c9.style.display = "none";
                c10.style.display = "none";
                c11.style.display = "none";
            }
            if (currentValue === "3") {
                c1.style.display = "none";
                c2.style.display = "none";
                c3.style.display = "block";
                c4.style.display = "none";
                c5.style.display = "none";
                c6.style.display = "none";
                c7.style.display = "none";
                c9.style.display = "none";
                c10.style.display = "none";
                c11.style.display = "none";
            }
            if (currentValue === "4") {
                c1.style.display = "none";
                c2.style.display = "none";
                c3.style.display = "none";
                c4.style.display = "block";
                c5.style.display = "none";
                c6.style.display = "none";
                c7.style.display = "none";
                c9.style.display = "none";
                c10.style.display = "none";
                c11.style.display = "none";
            }
            if (currentValue === "5") {
                c1.style.display = "none";
                c2.style.display = "none";
                c3.style.display = "none";
                c4.style.display = "none";
                c5.style.display = "block";
                c6.style.display = "none";
                c7.style.display = "none";
                c9.style.display = "none";
                c10.style.display = "none";
                c11.style.display = "none";
            }
            if (currentValue === "6") {
                c1.style.display = "none";
                c2.style.display = "none";
                c3.style.display = "none";
                c4.style.display = "none";
                c5.style.display = "none";
                c6.style.display = "block";
                c7.style.display = "none";
                c9.style.display = "none";
                c10.style.display = "none";
                c11.style.display = "none";
            }
            if (currentValue === "7") {
                c1.style.display = "none";
                c2.style.display = "none";
                c3.style.display = "none";
                c4.style.display = "none";
                c5.style.display = "none";
                c6.style.display = "none";
                c7.style.display = "block";
                c9.style.display = "none";
                c10.style.display = "none";
                c11.style.display = "none";
            }
            if (currentValue === "8") {
                c1.style.display = "none";
                c2.style.display = "none";
                c3.style.display = "none";
                c4.style.display = "none";
                c5.style.display = "none";
                c6.style.display = "none";
                c7.style.display = "none";
                c9.style.display = "none";
                c10.style.display = "none";
                c11.style.display = "none";
            }
            if (currentValue === "9") {
                c1.style.display = "none";
                c2.style.display = "none";
                c3.style.display = "none";
                c4.style.display = "none";
                c5.style.display = "none";
                c6.style.display = "none";
                c7.style.display = "none";
                c9.style.display = "block";
                c10.style.display = "none";
                c11.style.display = "none";
            }
            if (currentValue === "10") {
                c1.style.display = "none";
                c2.style.display = "none";
                c3.style.display = "none";
                c4.style.display = "none";
                c5.style.display = "none";
                c6.style.display = "none";
                c7.style.display = "none";
                c9.style.display = "none";
                c10.style.display = "block";
                c11.style.display = "none";
            }
            if (currentValue === "11") {
                c1.style.display = "none";
                c2.style.display = "none";
                c3.style.display = "none";
                c4.style.display = "none";
                c5.style.display = "none";
                c6.style.display = "none";
                c7.style.display = "none";
                c9.style.display = "none";
                c10.style.display = "none";
                c11.style.display = "block";
            }if(currentValue === "1" || currentValue === "2" || currentValue === "3" ||currentValue === "5" || currentValue === "11"){
                t1.style.display = "block";
                t2.style.display = "none";
                t3.style.display = "none";
                t4.style.display = "none";
                t5.style.display = "none";
            }if(currentValue === "4" || currentValue === "6"){
                t1.style.display = "none";
                t2.style.display = "block";
                t3.style.display = "none";
                t4.style.display = "none";
                t5.style.display = "none";
            }if(currentValue === "7"){
                t1.style.display = "none";
                t2.style.display = "none";
                t3.style.display = "block";
                t4.style.display = "none";
                t5.style.display = "none";
            }if(currentValue === "8" || currentValue === "10"){
                t1.style.display = "none";
                t2.style.display = "none";
                t3.style.display = "none";
                t4.style.display = "block";
                t5.style.display = "none";
            }if(currentValue === "9"){
                t1.style.display = "none";
                t2.style.display = "none";
                t3.style.display = "none";
                t4.style.display = "none";
                t5.style.display = "block";
            }
        });