Proyecto educativo que calcula el monto de una propina y el total a pagar, utilizando funciones, prompt() y principios básicos de programación modular en JavaScript.
Este proyecto permite al usuario ingresar el monto de una cuenta y el porcentaje de propina que desea dejar.
Los valores se procesan mediante una función reutilizable que calcula la propina.
El resultado aparece en consola y en una boleta visual dentro del HTML.
El objetivo principal es aplicar correctamente:
- Declaración de funciones
- Parámetros y argumentos
- Uso de return
- Conversiones de tipo (parseFloat)
- Entrada de datos con prompt()
- Manipulación del DOM
- Buenas prácticas de organización en JS
- HTML5
- CSS3
- JavaScript Vanilla (JS)
- El usuario presiona el botón “Propina”.
- Se abren dos prompts:
- Ingresar monto de la cuenta
- Ingresar porcentaje de propina
- Se valida que los datos sean numéricos.
- Se llama a la función
calcularPropina(monto, porcentaje). - Se calcula:
- Monto de la propina
- Total a pagar
- El resultado aparece:
- En la consola
- En una boleta visual dentro del HTML
- Con el botón “Refrescar”, la boleta se limpia.
/assets /css style.css /js index.js index.html README.md
- Descargar o clonar el repositorio.
- Abrir el archivo index.html en cualquier navegador.
- Presionar el botón “Propina”.
- Ingresar los datos solicitados por prompt().
- Ver el resultado en:
- Consola
- Cuadro de boleta en la página
- Para reiniciar, presionar “Refrescar”.
Este proyecto demuestra:
- Uso de funciones con parámetros y retorno
- Control de flujo y validación con if + isNaN()
- Conversión de strings a números con parseFloat()
- Gestión del DOM con addEventListener()
- Uso correcto de DOMContentLoaded
- Buenas prácticas separando HTML / CSS / JS
- Uso básico de GitHub con README.md estructurado
Pablo Olivares Figueroa
© Derechos reservados
Este proyecto es de uso educativo y personal.
REPOCITORIO EN GITHUB: https://github.com/POLIVAF/E3M3.git
PAGE GITHUB: https://polivaf.github.io/E3M3/