martes, 25 de febrero de 2025

Uso de condicionales if para la traducción de calificaciones

El siguiente programa implementa la función de <script> la cual nos permite diseñar la programación backend de la página. En este caso es utilizada para calcular diferentes estados de las notas utilizando sus respectivas fórmulas.

Código:


<html>
  <HEAD>
     <TITLE>
     PROGRAMA CALIFICACIONES
</TITLE>
  </HEAD>
  <script>
   function calcular()
   {
      var v_individual = document.getElementById("individual").value;
  var v_grupal = document.getElementById("grupal").value;
  var v_proyecto = document.getElementById("proyecto").value;
  var v_examen = document.getElementById("examen").value;
  var v_promedio;
  var v_equivalencia;
  v_setenta = (v_individual/100)*35;
  v_setentad = (v_grupal/100)*35;
  v_quinceu = (v_examen/100)*15;
  v_quinced = (v_proyecto/100)*15;
  v_promedio = v_setenta + v_setentad + v_quinceu + v_quinced;
  document.getElementById("promedio").value = v_promedio.toFixed(2);
  if(v_promedio>=9.01&&v_promedio<=10)
  {
v_equivalencia = "A+";
  }
  else if(v_promedio>=8.01&&v_promedio<=9)
  {
v_equivalencia = "A-";
  }
  else if(v_promedio>=7.01&&v_promedio<=8)
  {
v_equivalencia = "B+";
  }
  else if(v_promedio>=6.01&&v_promedio<=7)
  {
v_equivalencia = "B-";
  }
  else if(v_promedio>=5.01&&v_promedio<=6)
  {
v_equivalencia = "C+";
  }
  else if(v_promedio>=4.01&&v_promedio<=5)
  {
v_equivalencia = "C-";
  }
  else if(v_promedio>=3.01&&v_promedio<=4)
  {
v_equivalencia = "D+";
  }
  else if(v_promedio>=2.01&&v_promedio<=3)
  {
v_equivalencia = "D-";
  }
  else if(v_promedio>=1.01&&v_promedio<=2)
  {
v_equivalencia = "E+";
  }
  else if(v_promedio>=0&&v_promedio<=1)
  {
v_equivalencia = "E-";
  }
  document.getElementById("equivalencia").value = v_equivalencia;
   }
  
  </script>
  
  <BODY bgcolor="lightgreen">
   <b>PROGRAMA CALIFICACIONES  </b><P>
   Nombre: 
   <input type="text" name="nombre" id="nombre"> <p>
    Seleccionar Asignatura:
     <select name="asignatura">
<option>MATEMATICA</OPTION>
<option>PROGRAMACION</OPTION>
<option>E. FISICA</OPTION>
</SELECT> <P>
   Actividades Individuales: 
   <input type="text" name="individual" id="individual"> <p>
   Actividades Grupales: 
   <input type="text" name="grupal" id="grupal"> <p>
   Exámen: 
   <input type="text" name="examen" id="examen"> <p>
   Proyecto Interdisciplinario:
   <input type="text" name="proyecto" id="proyecto"> <p>
   Promedio: 
   <input type="text" name="promedio" id="promedio"> <p> 
   Equivalencia: 
   <input type="text" name="equivalencia" id="equivalencia"> <p>   
   
   <input type="submit" name="procesar" value="Calcular" Onclick="calcular()">
  </body>
<html>

Funcionalidad de la Página:







No hay comentarios:

Publicar un comentario