JavaScript - Entrenador uno por uno

  • 0 Respuestas
  • 398 Vistas

0 Usuarios y 1 Visitante están viendo este tema.

Desconectado Adalher

  • *
  • Underc0der
  • Mensajes: 111
  • Actividad:
    16.67%
  • Reputación 0
    • Ver Perfil

JavaScript - Entrenador uno por uno

  • en: Julio 08, 2020, 07:08:02 pm
Hola a todos,

este javascript esta principalmente dirigido a los alumnos de la escuela primaria y entrena el 1x1.

Con ello se plantean tareas aleatorias y el javascript calcula la puntuación basandose en las respuestas.


Que se diviertan con eso :D

Código:
Código: You are not allowed to view links. Register or Login
<!DOCTYPE html>
<html>
<head>
  <title>Ejemplo de javascript</title>
  <meta charset="UTF-8">
</head>
<body>
<!-- Presentado por javascripts-gratis.de -->
<script type='text/javascript'>
<!--
/*
Este script proviene de Freddus.
Ustedes lo pueden usar libremente.
Aunque ustedes no deben cambiar nada y sería agradable
agregar un link hacia mi página principal (ver abajo).
El entrenador uno por uno es principalmente para alumnos del 2. al 4. grado.
*/
let resultado,puntos,corriendo;
resultado=5;
puntos=0;
corriendo=0;
function fininicio(){
   window.status=("Entrenador uno por uno 1.0 by Nobstyle");
   if (corriendo == 0){
      corriendo=1;
      document.getElementById('inicioFin').value="finalizar";
      document.getElementById('batten').style.visibility="visible";
      document.getElementById('entrada').style.visibility="visible";
      document.getElementById('entrada').value="";
      document.getElementById('entrada').focus();
      tareanueva();
   }// fin if
   else{
      corriendo=0;
      document.getElementById('visualizacion').innerHTML="<p align='center'><font color='blue'>Bienvenido al entrenador uno por uno!</font></p>";
      document.getElementById('inicioFin').value="Ah\u00ED vamos!";
      document.getElementById('batten').style.visibility="hidden";
      document.getElementById('entrada').style.visibility="hidden";   
      puntos=0;
      document.getElementById('salidaDePuntos').innerHTML="<font color='green'>Puntos: "+puntos+"</font>";
   }// fin else
}// fin function

function tareanueva(){
   const numero1=Math.ceil(Math.random()*10);
   const numero2=Math.ceil(Math.random()*10);
   resultado = numero1*numero2;
   document.getElementById('visualizacion').innerHTML="<p align='center'><font color='blue'>"+numero1+" x "+numero2+"</font></p>";
} // fin function

function verificar(){
   if (document.getElementById('entrada').value == resultado){
      puntos++;
      document.getElementById('salidaDePuntos').innerHTML="<font color='green'>Puntos: "+puntos+"</font>";
      document.getElementById('entrada').value="";
      document.getElementById('entrada').focus();
      if (puntos>=50){
         alert("Estupendo, has ganado el juego!");
         fininicio();
      }// fin if
      else{
         tareanueva();
      }// fin else
   }// fin if
   else{
      if (document.getElementById('entrada').value == ""){
         alert("Tienes que ingresar algo...");
      }// fin if
      else{
         puntos=puntos/2;
         document.getElementById('salidaDePuntos').innerHTML="<font color='red'>Puntos: "+puntos+"</font>";
         document.getElementById('entrada').value="";
         document.getElementById('entrada').focus();
      }// fin else
   }// fin else
} // fin function

window.status=("Entrenador uno por uno 1.0 by Nobstyle");
//-->
</script>
<font align="center">
<center>
  <table border="3" width="250" bordercolor="#000080" bordercolorlight="#000080" bordercolordark="#000080">
   <tr>
     <td width="100%" id="visualizacion" colspan="2"><p align="center"><font color="blue">Bienvenido al entrenador uno por uno!</font></p></td>
   </tr>
   <tr>
     <td width="100%" colspan="2"><p align="center">
        <input type="text" id="entrada" size="20" style="visibility:hidden" />
        <input type="button" value="OK" id="batten" onclick="verificar()" style="visibility:hidden" />
      </p></td>
   </tr>
   <tr>
     <td width="50%"><p align="center" id="salidaDePuntos"><font color="green">Puntos: 0</font></p></td>
     <td width="50%"><p align="center">
        <input type="button" value="Ah&iacute; vamos!" id="inicioFin" onclick="fininicio()" />
      </p></td>
   </tr>
  </table>
</center>
</font>
</body>
</html>

Página web: You are not allowed to view links. Register or Login

Autor: Freddus


Saludos

 

[VIDEOTUTORIAL] Aprender Javascript desde cero - incluye hacking con Node.js

Iniciado por graphixx

Respuestas: 2
Vistas: 5559
Último mensaje Agosto 25, 2017, 10:08:45 am
por Gothiquedark
[VIDEOTUTORIAL] TypeScript (2014) Programación orientada a objetos en JavaScript

Iniciado por graphixx

Respuestas: 0
Vistas: 2126
Último mensaje Octubre 09, 2015, 08:54:14 am
por graphixx
[SOURCE] Formulario con validacion javascript de contraseña y email a mysqli

Iniciado por graphixx

Respuestas: 2
Vistas: 2811
Último mensaje Agosto 31, 2014, 03:56:47 pm
por Destructor.cs
[Curso gratis con certificado] HTML5 - CSS3 - JAVASCRIPT [OPENWEBINARS]

Iniciado por graphixx

Respuestas: 0
Vistas: 8041
Último mensaje Septiembre 12, 2016, 09:18:15 am
por graphixx
[JavaScript] Contá tu edad real (años con dígitos decimales)

Iniciado por Polsaker

Respuestas: 11
Vistas: 4998
Último mensaje Junio 06, 2015, 09:59:34 pm
por [L]ord [R]NA