Orixe de exemplo Código en JavaScript dun método para realizar operacións matemáticas para engadir, restar, multiplicar e dividir, dous números dados en dúas caixas de texto. Tamén verificaremos que o usuario introduce eses números nestas caixas.
Exemplo Descrición
O que fai este exemplo é chamar ao evento de onllick de cada entrada, ás “operacións ( ) Método “, pasando como parámetro o tipo de operación matemática que imos usar en cada caso e realizando esta operación mostrándolle unha alerta.
Para ver este exemplo algo máis avanzado e emular O funcionamento dunha calculadora básica, podemos facelo no seguinte exemplo:
Código
Este sería o método JavaScript co que se farían as diferentes operacións:
function operaciones(op){ var ops = { sumar: function sumarNumeros(n1, n2) { return (parseInt(n1) + parseInt(n2)); }, restar: function restarNumeros(n1, n2) { return (parseInt(n1) - parseInt(n2)); },multiplicar: function multiplicarNumeros(n1, n2) { return (parseInt(n1) * parseInt(n2)); }, dividir: function dividirNumeros(n1, n2) { return (parseInt(n1) / parseInt(n2)); } }; var num1 = document.getElementById("num1").value; var num2 = document.getElementById("num2").value;//Comprobamos si se ha introducido números en las cajasif (isNaN(parseFloat(document.getElementById('num1').value))) {document.getElementById('resultado').innerHTML="<span style='color: red;'>Por favor, escriba un número 1</span>";document.getElementById("num1").innerText = "0";document.getElementById("num1").focus();} else if (isNaN(parseFloat(document.getElementById('num2').value))) {document.getElementById('resultado').innerHTML="<span style='color: red;'>Por favor, escriba un número 2</span>";document.getElementById("num2").innerText = "0";document.getElementById("num2").focus();}else {//Si se han introducido los números en ámbas cajas, operamos:switch(op) {case 'sumar':var resultado = ops.sumar(num1, num2);document.getElementById('resultado').innerHTML="<span style='color: green;'>"+resultado+"</span>";break;case 'restar':var resultado = ops.restar(num1, num2);document.getElementById('resultado').innerHTML="<span style='color: green;'>"+resultado+"</span>";break;case 'multiplicar':var resultado = ops.multiplicar(num1, num2);document.getElementById('resultado').innerHTML="<span style='color: green;'>"+resultado+"</span>";break;case 'dividir':var resultado = ops.dividir(num1, num2);document.getElementById('resultado').innerHTML="<span style='color: green;'>"+resultado+"</span>";break;}}}e este sería o código HTML do formulario onde realizaremos as operacións:
<form>Número 1: <input type="number" />Número 2: <input type="number" /><p style="color: green;"></p><br /><br /><input type="button" value="SUMAR" onclick="operaciones('sumar'); return false;" /><br /><input type="button" value="RESTAR" onclick="operaciones('restar'); return false;" /><br /><input type="button" value="MULTIPLICAR" onclick="operaciones('multiplicar'); return false;" /><br /><input type="button" value="DIVIDIR" onclick="operaciones('dividir'); return false;" /></form>