JavaScript - Cambiar codigo jquery a js

   
Vista:

Cambiar codigo jquery a js

Publicado por Juanma (1 intervención) el 06/05/2017 22:27:37
Hola gente, necesito ayuda para cambiar este codigo jquery a js...

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
$(function() {
 
  let last_elemento;
 
  //Indico que se active al clickear en un radiobuton
  $('input[type="radio"]').click(function(){
    //Guardo el valor de el radio button seleccionado en la variable "elemento"
    let elemento = $('input:radio[name=elemento]:checked').val();
 
    //Creo una nueva variable "aleatorio" que tendrá un valor entre 0 y 2
          let aleatorio=Math.floor(Math.random()*3);
//ultimo valor
 
//Segun el valor de "aleatorio" le asigno una opción
      if (aleatorio == 0) elemento_contra = "piedra";
        else  if (aleatorio == 1) elemento_contra = "papel";
        else  if (elemento_contra="piedra")elemento_contra="tijera";
        else elemento_contra = "tijera";
 
        if (last_elemento == "piedra") elemento_contra = "tijera";
          last_elemento = elemento_contra;
      //Compruebo si ambas opciones (elemento y elemento_contra) son iguales y si esto ocurre digo que ganador es empate
 
      if (elemento == elemento_contra) ganador = "Empate";
      //Si esto no pasa y la opción de usuario es gana a la del ordenador digo que igualo ganador = gana usuario
      else if ((elemento == "piedra" && elemento_contra == "tijera") || (elemento == "papel" && elemento_contra == "piedra") || (elemento == "tijera" && elemento_contra == "papel")) {
        ganador = "Ganaste";
        //radio buttons de probabilidad
 
 
        // Por ultimo me sumo un punto
        let actual = parseInt($('.usuario').html());
        actual += parseInt(1);
        $('.usuario').html(actual);
        if ((actual%3)==0)alert("Felicitaciones Ganaste 3 partidas");
      }
      //Le sumo un punto al ordenador.
      else {
        ganador = "Perdiste";
        let actual = parseInt($('.ordenador').html());
        actual += parseInt(1);
        $('.ordenador').html(actual);
      }
      //Por ultimo agrego un texto siempre sera el mismo, y solo cambia la parte de las variables
      $('#resultado').html("Usuario juega " + elemento + " - Ordenador juega " + elemento_contra + "<p> Resultado: " + ganador);
  });
});
Valora esta pregunta
Me gusta: Está pregunta es útil y esta claraNo me gusta: Está pregunta no esta clara o no es útil
0
Responder
Imágen de perfil de ScriptShow

Cambiar codigo jquery a js

Publicado por ScriptShow (436 intervenciones) el 08/05/2017 02:02:36
Saludos Juanma,

Podemos partir de esta base:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
<!DOCTYPE html>
<html>
<body>
<script>
var a=0;
function test(val) {
ran=Math.floor(Math.random()*3);
if (val==ran){a+=1; alert("¡HAS ACERTADO! " +a+ " Veces");}
}
</script>
<h2>Selecciona:</h2>
<input type="radio" name="btn" onclick="test(this.value)" value="0"> Piedra<br>
<input type="radio" name="btn" onclick="test(this.value)" value="1"> Papel<br>
<input type="radio" name="btn" onclick="test(this.value)" value="2"> Tijera<br>
</body>
</html>

Se puede ampliar y/o adaptar el script.

Espero sea útil.
Valora esta respuesta
Me gusta: Está respuesta es útil y esta claraNo me gusta: Está respuesta no esta clara o no es útil
0
Comentar