Actividad 3.5

Función y onclick

Funciones

function NombreDeLaFuncion() {

...

lineas de comandos;

...

}

NombreDeLaFuncion();

Atributo Onclick

<etiqueta onclick="funcion()" atributos="valor">Contenido</etiqueta>

Ejemplos:

<html>

<head>

<title>Calculadora Galanista</title>

</head>

<body>

<button onclick="fvalores()" >Valores</button>

<button onclick="fSumar()" >Sumar</button>

<button onclick="fRestar()" >Restar</button>

<hr>

<b id="id1">Valores</b>

<hr>

<b id="id2">Resultado</b>

var t1,t2,n1,n2;

var elem1=document.getElementById("id1");

var elem2=document.getElementById("id2");

function fvalores() {

t1 = prompt("Introduce un número:");

t2 = prompt("Introduce otro número:");

n1=parseFloat(t1);

n2=parseFloat(t2);

elem1.textContent = "Los números son:"+n1+" y "+n2;

}

function fSumar() {

var r=n1+n2;

elem2.textContent = "La suma es:"+r;

}

function fRestar() {

var r=n1-n2;

elem2.textContent = "La Resta es:"+r;

}

</script>

</body>

</html>

Actividad 3.5A

Crea una nueva página HTML llamada "Act35A", siguiendo el ejemplo anterior de suma y resta.

Estructura Similar:

Botón 1: Ingresar dos valores con prompt().
Botón 2: Multiplicar los valores.
Botón 3: Dividir los valores.

Diferencia Clave:

En lugar de sumar y restar, ahora debes implementar multiplicación y división, mostrando los resultados en la página.

Reutilización del Código:

Usa el mismo código del ejemplo anterior, cambiando las operaciones a multiplicación (*) y división (/).

Actividad 3.5B

Crea una página HTML llamada "Act35B", similar al ejemplo anterior.

Estructura: La página debe tener cinco botones:
- Botón 1: Ingresar dos valores con prompt().
- Botón 2: Sumar.
- Botón 3: Restar.
- Botón 4: Multiplicar.
- Botón 5: Dividir.
Objetivo: Implementa las cuatro operaciones básicas y muestra los resultados en la página.

Page updated

Report abuse