parejas_JavaScript/javaScrip.js at master · huiterjrv/parejas_JavaScript · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121

function inicio() {
    document.getElementById("boton").disabled = true;
    // es para reiniciar el estado de las h1 a block
    for (var i=1; i<=15; i++) {
            document.getElementById('num'+i).style.display="block";
            document.getElementById('n'+i).style.display="none";
    }

    //generador de numeros alatorios
    var num;
    var parreja = new Array(14);
    var repetir = true;
    //va a insertar cada numero
    for (var i = 0; i<=14; i++) {
        //aqui genera un numero alatorio y lo verifica
        do {
            repetir = false;
            num = 1 + Math.round(Math.random()*14);
            //pregunta si ya asigno el primer numero
            if (i >= 1) {
                //verifico todos los numeros aver si se repite
                for (var c = 0 ; c<=i-1; c++) {
                    //comparo los numeros con el que me dieron para ver si se repite
                    if (parreja[c] == num) {
                        repetir = true;
                    }
                }
            }
        } while (repetir === true);
        parreja[i] = num;
    }

    //reloj
    var tiem = 1;
    var tiempo = setInterval(contador,1000);//inicio el reloj
    //la funcion del reloj
    function contador() {
        tiem++;//contador del tiempo
        //aqui empiesa a insrtar los valores octenidos alasar
        if ( tiem == 3) {
            document.getElementById('num1').style.display="none";
            document.getElementById('n1').style.display="block";
            document.getElementById('n1').innerHTML=parreja[0];
            document.getElementById('num2').style.display="none";
            document.getElementById('n2').style.display="block";
            document.getElementById('n2').innerHTML=parreja[1];
        }
        if ( tiem == 5) {
            document.getElementById('num3').style.display="none";
            document.getElementById('n3').style.display="block";
            document.getElementById('n3').innerHTML=parreja[2];
            document.getElementById('num4').style.display="none";
            document.getElementById('n4').style.display="block";
            document.getElementById('n4').innerHTML=parreja[3];
        }
        if ( tiem == 7) {
            document.getElementById('num5').style.display="none";
            document.getElementById('n5').style.display="block";
            document.getElementById('n5').innerHTML=parreja[4];
            document.getElementById('num6').style.display="none";
            document.getElementById('n6').style.display="block";
            document.getElementById('n6').innerHTML=parreja[5];
        }
        if ( tiem == 9) {
            document.getElementById('num7').style.display="none";
            document.getElementById('n7').style.display="block";
            document.getElementById('n7').innerHTML=parreja[6];
            document.getElementById('num8').style.display="none";
            document.getElementById('n8').style.display="block";
            document.getElementById('n8').innerHTML=parreja[7];
        }
        if ( tiem == 11) {
            document.getElementById('num9').style.display="none";
            document.getElementById('n9').style.display="block";
            document.getElementById('n9').innerHTML=parreja[8];
            document.getElementById('num10').style.display="none";
            document.getElementById('n10').style.display="block";
            document.getElementById('n10').innerHTML=parreja[9];
        }
        if ( tiem == 13) {
            document.getElementById('num11').style.display="none";
            document.getElementById('n11').style.display="block";
            document.getElementById('n11').innerHTML=parreja[10];
            document.getElementById('num12').style.display="none";
            document.getElementById('n12').style.display="block";
            document.getElementById('n12').innerHTML=parreja[11];
        }
        if ( tiem == 15) {
            document.getElementById('num13').style.display="none";
            document.getElementById('n13').style.display="block";
            document.getElementById('n13').innerHTML=parreja[12];
            document.getElementById('num14').style.display="none";
            document.getElementById('n14').style.display="block";
            document.getElementById('n14').innerHTML=parreja[13];
        }
        if ( tiem == 15) {
            document.getElementById('num15').style.display="none";
            document.getElementById('n15').style.display="block";
            document.getElementById('n15').innerHTML=parreja[14];
        }
        //con esyto paro el reloj y la ruleta a los 21min
        if(tiem == 15) {
            alert ("listo");
            clearInterval(tiempo);
            clearInterval(ruleta);
            document.getElementById("boton").disabled = false;
        }
    }
    //da efecto de carusl de numeros
    var ruleta = setInterval(inicioRuleta,100);
    function inicioRuleta () {
        for (var i=1; i<=15; i++) {
            var t = 1 + Math.round(Math.random()*14);
                document.getElementById('num'+i).innerHTML=t++;
                if (t>=16){
                    t = 1;
                }
        }
    }
}