jueves, 12 de diciembre de 2019

Calculadora en java Script

<!DOCTYPE html>
<!--
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
-->
<html>
    <head>
        <title>TODO supply a title</title>
        <meta charset="UTF-8">
        <meta name="viewport" content="width=device-width, initial-scale=1.0">
    </head>
    <body>
        <script>

            function suma() {

                var numero1, numero2, res;
                numero1 = document.getElementById('n1').value;
                numero2 = document.getElementById('n2').value;
                res = parseInt(numero1) + parseInt(numero2);

                document.getElementById('resultado').value = res;

            }
            function resta() {

                var numero1, numero2, res;
                numero1 = document.getElementById('n1').value;
                numero2 = document.getElementById('n2').value;
                res = parseInt(numero1) - parseInt(numero2);

                document.getElementById('resultado').value = res;

            }
            function multiplicacion() {

                var numero1, numero2, res;
                numero1 = document.getElementById('n1').value;
                numero2 = document.getElementById('n2').value;
                res = parseInt(numero1) * parseInt(numero2);

                document.getElementById('resultado').value = res;

            }
            function division() {

                var numero1, numero2, res;
                numero1 = document.getElementById('n1').value;
                numero2 = document.getElementById('n2').value;
                res = parseInt(numero1) / parseInt(numero2);

                document.getElementById('resultado').value = res;

            }


        </script>
        numero 1: <input type="number" id="n1"><br><br>
        numero 2:<input type="number" id="n2"><br><br>
        <input type="submit" onclick="suma()" value="suma"><br><br>
        <input type="submit" onclick="resta()" value="resta"><br><br>
        <input type="submit" onclick="multiplicacion()()" value="multiplicacion"><br><br>
        <input type="submit" onclick="division()()" value="division"><br><br>
        resultado: <input type="number" id="resultado"><br><br>


    </body>
</html>

No hay comentarios.:

Publicar un comentario