Genesis Vargas J

Como hacer una calculadora en Javascript y HTML

Comparte:

Este es mi primer tutorial/aporte en esta página para ustedes, se trata de hacer una calculadora (sencilla), utilizando HTML como maqueta y Javascript como lenguaje de programación.

Lo más importante es programar la funcion que nos va a permitir realizar las operaciones y la función que nos validará la calculadora para que no haya errores, para esto empezamos escribiendo el código de las operaciones en un script:

function
calculo(operacion){
var num1 = document.calc.numero1.value
var num2 = document.calc.numero2.value
var result = eval(num1 + operacion + num2)
document.calc.resultado.value = result
}

ahora escribiremos este código en un script, el cual se encargará de validar que solo se introduzcan numeros en vez de letras:

function
solonumeros(evt){
var keycode = (evt.which) ? evt.which : event.keyCode
if (keycode > 31 && (keycode < 48 || keycode > 57)
return false;
return true;
}

Ya de aquí en adelante sólo nos encargaremos de hacer la parte visual con HTML, haremos una tabla donde colocaremos un formulario que va a ser de calculadora:

Ver el demo

Comentarios


genesis vargas

Soy Genesis Vargas Jiménez, autor de éste blog. Me gusta desarrollar software en todas las plataformas (web, móvil y desktop) y compartir conocimiento para ayudar a muchas personas.

Desde el 2015 soy MVP Microsoft en Visual Studio y tecnologías de desarrollo, reconocimiento que me enorgullece mucho.

MVP Genesis Vargas J

A PHP Error was encountered

Severity: Core Warning

Message: Module 'timezonedb' already loaded

Filename: Unknown

Line Number: 0

Backtrace: