Esta página está realizada con HTML, CSS y JS.
Para comenzar he declarado los elementos en HTML:
- Tres "input", dos para introducir los números con los que operar y otro para que vuelque el resultado.
- Ocho "button" para las diferentes operaciones que tenemos en la calculadora. A cada botón le asignamos el evento "onclick" para que interaccionen con su función.
Ahora en el archivo .js declaramos las diferentes funciones:
*Una de las ventajas que me he encontrado es que las funciones son muy similares entre ellas.
- En primer lugar, obtengo los valores de los campos donde se introducen los números con los que se quiere operar.
- Después he declarado las diferentes funciones:
- Sumar, restar, multiplicar o dividir, he realizado esa operación con las variables de los dos números usados en la calculadora.
- Para la raíz cuadrada he utilizado la función: mostrarResultado(Math.sqrt(numero));
- Para la potencia he usado la función: mostrarResultado(Math.pow(numero1, numero2));
- Para obtener el valor absoluto he utilizado la función: mostrarResultado(Math.abs(numero));
- Para obtener un número aleatorio entre los dos valores introducidos he utilizado la función: mostrarResultado(Math.floor(Math.random() * (maximo - minimo) + minimo));