Exemplo JavaScript: Operações do Sumário, subtrair, multiplicar e dividir.

logotipo-js-150x150

origem de exemplo Código em JavaScript de um método para realizar operações matemáticas para adicionar, subtrair, multiplicar e dividir, dois números dados em duas caixas de texto. Também veremos que o usuário apresenta esses números nessas caixas.

Exemplo Descrição

O que este exemplo é para chamar o evento OnClick de cada entrada, para as “operações ( Método “, passando como um parâmetro o tipo de operação matemática que vamos usar em cada caso e realizar esta operação, mostrando-a em um alerta.

Para ver este exemplo algo mais avançado e emular A operação de uma calculadora básica, podemos fazê-lo no seguinte exemplo:

código

Este seria o método JavaScript com o qual as diferentes operações seriam feitas:

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 seria o código HTML do formulário em que realizaremos as operações:

<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>

Deixe uma resposta

O seu endereço de email não será publicado. Campos obrigatórios marcados com *