Calculadora Basica Con Javascript



HTML

<html>
    <head>
        <title>Sumar dos Numeros En JavaScript</title><!--Titulo de la Pagina -->
        <script type="text/javascript" src="C:\Users\mayqy\Desktop\Nueva carpeta\Suma.js"></script><!--Ruta Del javascrip y nombre con extension -->
    </head>
    <body><!-- Cuerpo de la Pagina-->
    <fieldset><!--permite organizar en grupos los campos de un formulario.-->
        <legend>Ingrese 2 Digitos</legend>
        <label for="">Numero 1:</label>/<!--etiqueta del digito 1 -->
        <input type="text" id="numero1"><!-- Caja del digito 1-->
        <br><br><!-- saltar 2 renglones -->
        <label for="">Numero 2:</label><!-- Etiqueta del Digito 2-->
        <input type="text" id="numero2"><!-- caja del digito 2-->
        <br><br>
        <input type="button" id="Resta" value="Resta" onclick="Resta();"><!--boton De la Resta y evento al hacer click-->
         <input type="button" id="Suma" value="Suma" onclick="Suma();"> <!--boton De la Suma y evento al hacer click-->
         <input type="button" id="Multiplicacion" value="Multiplicacion" onclick="Multiplicacion();"> <!--boton De la Multiplicacion y evento al hacer click-->
           <input type="button" id="Division" value="Division" onclick="Division();"><br> <br><!--boton De la Division y evento al hacer click-->
 
    </fieldset>
    </body>
</html>




Javascript 

  function Suma() { //Funcion suma aqui llega el onclick de suma
            var n1 = document.getElementById('numero1').value; //metemos en una variable el digito 1 de la caja de texto
            var n2 = document.getElementById('numero2').value;//metemos en una variable el digito 2 de la caja de texto
            var suma = parseInt(n1) + parseInt(n2); // se creara la variable suma Para guardar la suma de los 2 digitos
            alert("La suma es: "+ suma)//Creamos Un Alert Ventana JAvascrippt Con la suma
        }
          function Resta() {
            var n1 = document.getElementById('numero1').value;
            var n2 = document.getElementById('numero2').value;
            var Resta = parseInt(n1) - parseInt(n2);
            alert("La Resta es: "+ Resta)
        }
          function Multiplicacion() {
            var n1 = document.getElementById('numero1').value;
            var n2 = document.getElementById('numero2').value;
            var Multiplicacion= parseInt(n1) * parseInt(n2);
            alert("La Multiplicacion es: "+ Multiplicacion)
        }
          function Division() {
            var n1 = document.getElementById('numero1').value;
            var n2 = document.getElementById('numero2').value;
            var Division = parseInt(n1) / parseInt(n2);
            alert("La Division es: "+ Division)
        }


Comentarios