Código del ejercicio:

<!DOCTYPE html>
<html lang="es">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Ejercicio JavaScript</title>
</head>
<body>
    <script>
        let nota1 = parseInt(prompt('Ingrese la primera nota:'));
        let nota2 = parseInt(prompt('Ingrese la segunda nota:'));
        let nota3 = parseInt(prompt('Ingrese la tercera nota:'));
        let nota_final = (nota1 + nota2 + nota3) / 3;
        if(nota_final == 100){
            document.write(`Su nota es: ${nota_final}, usted es un Nerd.`);
        }else if(nota_final >= 75){
            document.write(`Su nota es: ${nota_final}, su nota es Excelente.`);
        }else if(nota_final >= 50){
            document.write(`Su nota es: ${nota_final}, usted Aprobó.`);
        }else if(nota_final >= 36){
            document.write(`Su nota es: ${nota_final}, usted entra a Repechaje.`);
        }else{
            document.write(`Su nota es: ${nota_final}, usted Réprobo.`);
        }
    </script>
</body>
</html>

Definición de los códigos del ejercicio:

<script></script> --> contiene comandos u ordenes que se van ejecutando de manera secuencial y comúnmente se utilizan para controlar el comportamiento de un programa en específico o para interactuar con el sistema operativo.
let --> permite declarar variables limitando su alcance (scope) al bloque, declaración, o expresión donde se está usando.
parseInt() --> analiza un valor como una cadena y devuelve el primer entero.
prompt() --> muestra un cuadro de diálogo con mensaje opcional, que solicita al usuario que introduzca un texto.
if --> se usa para especificar un bloque de código que se ejecutará, si una condición especificada es verdadera.
== --> el operador de comparacion ( == ) comprueba si sus dos operandos son iguales y devuelve un resultado booleano.
>= --> el operador mayor que o igual ( >= ) devuelve true si el operando izquierdo es mayor o igual que el operando derecho, y en false caso contrario.
else if --> se usa para especificar una nueva condición para probar, si la primera condición es falsa.
else --> se usa para especificar un bloque de código a ejecutar, si la misma condición es falsa.
document.write --> imprime el texto especificado en la página.
${} --> los literales de plantilla (cadenas de plantilla) le permiten utilizar cadenas o expresiones incrustadas en forma de cadena.

Explicación del Código:

Este código HTML con JavaScript pide al usuario tres notas y calcula el promedio de ellas. Luego, muestra un mensaje dependiendo de la nota final.

1. Estructura HTML:

<!DOCTYPE html>: Declara que el documento es HTML5.
<html lang="es">: Indica que el lenguaje principal del contenido es español.
<head>: Contiene metadatos como el juego de caracteres (<meta charset="UTF-8">), la compatibilidad con el navegador (<meta http-equiv="X-UA-Compatible" content="IE=edge">), y la configuración de la vista para dispositivos móviles (<meta name="viewport" content="width=device-width, initial-scale=1.0">).
<title>: Define el título de la página que aparece en la pestaña del navegador.

2. Cuerpo del documento (<body>):

En el cuerpo, hay un script en JavaScript que solicita al usuario tres notas mediante prompt() y luego calcula el promedio de esas notas.
JavaScript:
- let nota1 = parseInt(prompt('Ingrese la primera nota:'));: Solicita al usuario la primera nota y la convierte en un número entero con parseInt().
- let nota2 = parseInt(prompt('Ingrese la segunda nota:'));: Pide la segunda nota y la convierte en número entero.
- let nota3 = parseInt(prompt('Ingrese la tercera nota:'));: Pide la tercera nota y la convierte en número entero.
- let nota_final = (nota1 + nota2 + nota3) / 3;: Calcula el promedio de las tres notas.

3. Condicionales:

Si la nota final es 100, muestra el mensaje: "usted es un Nerd".
Si la nota final es mayor o igual a 75, muestra el mensaje: "su nota es Excelente".
Si la nota final es mayor o igual a 50, muestra el mensaje: "usted Aprobó".
Si la nota final es mayor o igual a 36, muestra el mensaje: "usted entra a Repechaje".
Si la nota final es menor a 36, muestra el mensaje: "usted Réprobo".

4. Errores en el código:

La cadena dentro de document.write debería ir entre comillas y utilizar la sintaxis correcta para interpolar variables. Por ejemplo, la forma correcta sería:


document.write(`Su nota es: ${nota_final}, usted es un Nerd.`);

Ejercicios de programación

Páginas

sábado, 22 de febrero de 2025

Sacar la nota final y mostrar un mensaje de acuerdo a su nota en JavaScript