HTML5 Y JAVASCRIPT (CALCULADORA)

Crearemos una calculadora sencilla atra vez de JAVASCRIPT y etiquetas de HTML5.

<html>
<head><title>PROGRAMA CALCULADORA</title></head>
<body>

<h1>CALCULADORA</h1>

 <form name="calc"> <!--Formulario donde abarcara todas las etiquetas-->
<input type="Text" name="operando1" value="0" size="12"> <!--etiqueta input es metodo de entrada-->
<br>
<input type="Text" name="operando2" value="0" size="12">
<br>
<input type="Button" name="" value=" + " onclick="calcula('+')">
<input type="Button" name="" value=" - " onclick="calcula('-')">
<input type="Button" name="" value=" X " onclick="calcula('*')"> <!--etiqueta input metodo de boton-->
<input type="Button" name="" value=" / " onclick="calcula('/')">
<br>
<input type="Text" name="resultado" value="0" size="12">
</form>

<script>
  function calcula(operacion){
    var operando1 = document.calc.operando1.value    //un valor cualquiera
    var operando2 = document.calc.operando2.value     //segundo valor cualquiera
    var result = eval(operando1 + operacion + operando2)
    document.calc.resultado.value = result                   //es la suma de los dos valores
}
</script>

</body>
</html>

El resultado quedara asi:



Comentarios

Publicar un comentario

Entradas populares de este blog

FUNCIONES PRINCIPALES DEL HTML

<html> : indica el comienzo y el final de un documento HTML. Ninguna etiqueta o contenido puede colocarse antes o después de la etiqueta  <html>  (con una sola excepción que se verá más adelante). En el interior de la etiqueta  <html>  se definen la cabecera y el cuerpo del documento HTML y todo lo que se coloque fuera de la etiqueta  <html>  se ignora. <head> : delimita la parte de la cabecera del documento. La cabecera contiene información sobre el propio documento HTML, como por ejemplo su título y el idioma de la página. Los contenidos indicados en la cabecera no son visibles para el usuario, con la excepción de la etiqueta  <title> , que se utiliza para indicar el título del documento y que los navegadores lo visualizan en la parte superior izquierda de la ventana del navegador (si no te has fijado anteriormente, vuelve a abrir el primer ejemplo en cualquier navegador y observa dónde se muestra el título de la...
Leer más

FUNCIONES PRINCIPALES DE JAVASCRIPT

se emplea para concatenar varias cadenas de texto.(var = valor) var mensaje1 = "Hola" ; var mensaje2 = " Mundo" ; var mensaje = mensaje1 + mensaje2 ; // mensaje = "Hola Mundo" Función1: getElementById() Uso:  var elemento = document.getElementById(id) ;               (el documento sera enviando por el id) Uso:var array = string.split(string);                                            (string = cadenas) var juntos = “Luis, Javier, Sancho, Roberto”; var nombres = juntos.split(“, “); for (var i=0; i Este método pertenece al objeto document. Con él obtendremos el objeto que hace referencia al elemento con un id concreto. Por ejemplo, queremos obtener el objeto del elemento “ status ”: Función2: split() Al igual que join(), split() también es un método del objeto Array, aunque sirve exactamente para lo contrario: d...
Leer más