1<!DOCTYPE html> 2<html lang="es"> 3<head> 4 <meta charset="UTF-8"> 5 <meta http-equiv="X-UA-Compatible" content="IE=edge"> 6 <meta name="viewport" content="width=device-width, initial-scale=1.0"> 7 <link rel="stylesheet" type="text/css" href="css/style.css"> 8 <link rel="stylesheet" type="text/css" href="css/mdb.min.css"> 9 <title>Anotador Truco</title> 10</head> 11<body> 12 <div class="container-fluid"> 13 <div id="pantalla1" class="contenedor visible"> 14 <div class="equipo"> <br> <br> <br> 15 <input type="text" placeholder="Equipo 1" value="" id="equipo1"> <br> <br> <br> 16 <input type="text" placeholder="Equipo 2" value="" id="equipo2"> 17 </div> 18 <div class="puntos"> 19 <input type="button" value="a 24 pts" id="a24"> 20 <input type="button" value="a 30 pts" id="a30"> 21 </div> 22 <div class="bIniciar"> 23 <input type="button" value="Iniciar" id="iniciar"> 24 </div> 25 </div> 26 <div id="pantalla2" class="contenedor oculto"> 27 <div class="bSumar"> 28 <input type="button" value="+" id="suma1"> 29 <span id="eq1"><u>Equipo 1</u></span> 30 <span id="eq2"><u>Equipo 2</u></span> 31 <input type="button" value="+" id="suma2"> 32 </div> <hr> 33 <div id="contador"> 34 <div class="p1"> 35 <img src="img/0.png" id="e11"> 36 <img src="img/0.png" id="e12"> 37 <img src="img/0.png" id="e13"> 38 </div> 39 <div class="p2"> 40 <img src="img/0.png" id="e21"> 41 <img src="img/0.png" id="e22"> 42 <img src="img/0.png" id="e23"> 43 </div> 44 <hr> 45 <div class="p1"> 46 <img src="img/0.png" id="e14"> 47 <img src="img/0.png" id="e15"> 48 <img src="img/0.png" id="e16"> 49 </div> 50 <div class="p2"> 51 <img src="img/0.png" id="e24"> 52 <img src="img/0.png" id="e25"> 53 <img src="img/0.png" id="e26"> 54 </div> 55 </div> 56 <div class="puntosMax"> 57 <span id="max"></span> <br> 58 </div> 59 <div class="bRestar"> 60 <input type="button" value="-" id="resta1"> 61 <span id="canPuntos1">00</span> 62 <input type="button" value="Fin" id="finalizar"> 63 <span id="canPuntos2">00</span> 64 <input type="button" value="-" id="resta2"> 65 </div> 66 </div> 67 </div> 68 69
69<script src="js/jquery.min.js"></script>
69 70
70<script src="js/mdb.min.js"></script>
70 71
71<script> 72 $(document).ready(function(){ 73 74 punMax = 30 75 76 77 $('#iniciar').on('click', fnPasaAPantalla2) 78 $('#finalizar').on('click', fnPasaAPantalla1) 79 $('#a24').on('click', fnPartidoA24) 80 $('#a30').on('click', fnPartidoA30) 81 $('#suma1').on('click', fnSumar1) 82 $('#resta1').on('click', fnRestar1) 83 $('#suma2').on('click', fnSumar2) 84 $('#resta2').on('click', fnRestar2) 85 86 87 88 function fnPasaAPantalla2(){ 89 console.log('entramos a iniciar'); 90 $('#pantalla1').removeClass('visible').addClass('oculto'); 91 $('#pantalla2').removeClass('oculto').addClass('visible'); 92 $('#eq1').text($('#equipo1').val()); 93 $('#eq2').text($('#equipo2').val()); 94 } 95 96 function fnPasaAPantalla1(){ 97 console.log('entramos a finalizar'); 98 $('#pantalla1').removeClass('oculto').addClass('visible'); 99 $('#pantalla2').removeClass('visible').addClass('oculto'); 100 $('#eq1').html(""); 101 $('#eq2').html(""); 102 $('#equipo1').val(""); 103 $('#equipo2').val(""); 104 $('#canPuntos1').html(00); 105 $('#canPuntos2').html(00); 106 $('#max').html(""); 107 $('img').attr('src', 'img/0.png') 108 } 109 110 function fnPartidoA24(){ 111 console.log('partido a 24'); 112 $('#max').html('A 24'); 113 punMax = 24; 114 } 115 116 function fnPartidoA30(){ 117 console.log('partido a 30'); 118 $('#max').html('A 30') 119 punMax = 30; 120 } 121 122 function fnSumar1(){ 123 console.log('entramos a sumar1'); 124 valor1 = $('#canPuntos1').text(); 125 valor1 = parseInt(valor1); 126 if (valor1<punMax) { 127 valor1++; 128 } 129 $('#canPuntos1').text(valor1); 130 pintarFosforo(1) 131 } 132 133 function fnSumar2() { 134 console.log('entramos a sumar2') 135 valor2 = $('#canPuntos2').text(); 136 valor2 = parseInt(valor2); 137 138 if (valor2<punMax) { 139 valor2++; 140 } 141 $('#canPuntos2').text(valor2); 142 pintarFosforo(2) 143 } 144 145 function fnRestar1(){ 146 console.log('entramos a restar1'); 147 valor1 = $('#canPuntos1').text(); 148 valor1 = parseInt(valor1); 149 150 if (valor1>0) { 151 valor1--; 152 } 153 $('#canPuntos1').text(valor1); 154 pintarFosforo(1) 155 } 156 157 function fnRestar2(){ 158 console.log('entramos a restar2'); 159 valor2 = $('#canPuntos2').text(); 160 valor2 = parseInt(valor2); 161 162 if (valor2>0) { 163 valor2--; 164 } 165 $('#canPuntos2').text(valor2); 166 pintarFosforo(2) 167 } 168 169 function pintarFosforo (equipo) { 170 console.log('Entramos a pintar fosforos'); 171 pintar = parseInt($('#canPuntos'+equipo).text()); 172 173 for (i=1 ; i<=6; i++) { 174 if (punMax==24 && i==3) { 175 if (pintar>=2) { 176 $('#e'+equipo+i).attr('src', 'img/2.png'); 177 pintar = pintar-2; 178 } else { 179 $('#e'+equipo+i).attr('src', 'img/'+pintar+'.png'); 180 pintar=0; 181 } 182 } else { 183 if (pintar>=5) { 184 $('#e'+equipo+i).attr('src', 'img/5.png'); 185 pintar=pintar-5; 186 } else { 187 $('#e'+equipo+i).attr('src', 'img/'+pintar+'.png'); 188 pintar=0; 189 } 190 } 191 } 192 } 193 194 195 196 197 198 199 200 201 202 203 204 205 206 }) 207 208 209 210 211 212 213 214 215 216 217 218 219 220 221 222 </script>
222 223 224 225 226 227</body> 228</html>
Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.