Exemple Source Code dans JavaScript d’une méthode pour effectuer des opérations mathématiques pour ajouter, soustraire, multiplier et diviser, deux numéros donnés dans deux zones de texte. Nous vérifierons également que l’utilisateur introduit ces chiffres dans ces cases.
Exemple Description
Qu’est-ce que cet exemple fait consiste à faire appel à l’événement OnClick de chaque entrée, aux « opérations ( ) Méthode « , passant comme un paramètre Le type d’opération mathématique que nous allons utiliser dans chaque cas et en effectuant cette opération en le montrant dans une alerte.
Pour voir cet exemple de plus avancé et émulez Le fonctionnement d’une calculatrice de base, nous pouvons le faire à l’exemple suivant:
Code
Ce serait la méthode JavaScript avec laquelle les différentes opérations seraient effectuées:
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;}}}et ce serait le code HTML du formulaire où nous effectuerons les opérations suivantes:
<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>