Esempio di sorgente di esempio Codice in JavaScript di un metodo per eseguire operazioni matematiche per aggiungere, sottrarre, moltiplicare e dividere, due numeri forniti in due caselle di testo. Verificheremo inoltre che l’utente introduce questi numeri in quelle scatole.
Esempio Descrizione
Che cosa rende questo esempio è chiamare sull’evento onclick di ciascun ingresso, alle “Operazioni ( ) Metodo “, passando come parametro il tipo di operazione matematica che useremo in ciascun caso e eseguendo questa operazione mostrandolo in un avviso.
per vedere questo esempio qualcosa di più avanzato ed emulare L’operazione di un calcolatore di base, possiamo farlo al seguente esempio:
codice
Questo sarebbe il metodo JavaScript con il quale verranno fatte le diverse operazioni:
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 questo sarebbe il codice HTML del modulo in cui effettueremo le operazioni:
<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>