Advertisement
Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- <!DOCTYPE html>
- <html lang="en">
- <head>
- <meta charset="UTF-8">
- <title>Document</title>
- <!-- poniendole un poco de estilos a la aplicacion para que se vea un poco elegante -->
- <style>
- body{
- background:black ;
- text-align: center;
- }
- h1{
- color:blue;
- }
- </style>
- </head>
- <body>
- <h1>Bienvenido A mi Calculadora</h1>
- <!-- haciendo un fomulario-->
- <form action="">
- <input type="text" id="numero1"><br>
- <input type="text" id="numero2"><br>
- <input type="button" value="sumar" onclick="alert(sumar());">
- <input type="button" value="restar" onclick="alert(restar());">
- <input type="button" value="Multiplicar" onclick="alert(multiplicar());">
- <input type="button" value="dividir" onclick="alert(dividir());">
- <input type="button" value="calcular pontencia" onclick="alert(potencia());">
- <input type="button" value="cos" onclick="alert(cos());">
- <input type="button" value="calcular raiz cuadrada" onclick="alert(raiz_cuadrada());">
- </form>
- <script>
- function sumar(){
- var numero1 = parseFloat(document.getElementById("numero1").value);
- var numero2 = parseFloat(document.getElementById("numero2").value);
- return numero1 + numero2;
- }
- function restar(){
- var numero1 = parseFloat(document.getElementById("numero1").value);
- var numero2 = parseFloat(document.getElementById("numero2").value);
- return numero1 - numero2;
- }
- function dividir(){
- var numero1 = parseFloat(document.getElementById("numero1").value);
- var numero2 = parseFloat(document.getElementById("numero2").value);
- return numero1 / numero2;
- }
- function multiplicar(){
- var numero1 = parseFloat(document.getElementById("numero1").value);
- var numero2 = parseFloat(document.getElementById("numero2").value);
- return numero1 * numero2;
- }
- function potencia(){
- var numero1 = parseFloat(document.getElementById("numero1").value);
- var numero2 = parseFloat(document.getElementById("numero2").value);
- return Math.pow(numero1 , numero2);
- }
- function cos(){
- var numero1 = parseFloat(document.getElementById("numero1").value);
- var numero2 = parseFloat(document.getElementById("numero2").value);
- return Math.cos(numero1);
- }
- function raiz_cuadrada(){
- var numero1 = parseFloat(document.getElementById("numero1").value);
- var numero2 = parseFloat(document.getElementById("numero2").value);
- return Math.sqrt(numero1);
- }
- </script>
- </body>
- </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement