Images 15-02-2017

                               inner.html

eventos--> el usuario"hace algo" el script responde a la accion generando un resultado

"event handlers"-->"manejadores de eventos"


objetos frecuentes usados:

Evento
onclick

Descripción
Pinchar y soltar el ratón

Evento
onfocus

Descripción
Seleccionar un elemento

Evento
onblur

Descripción
Deseleccionar el elemento


Evento

onkeypress

Descripción
Pulsar una tecla


Evento
onkeydown

Descripción
Pulsar una tecla (sin soltar)


<script type="text/javascript">
function sumar() {
var a= parseInt (document.getElementById("a").value);
var b= parseInt (document.getElementById("b").value);
document.getElementById("rta").value = a + b;
}
function resta() {
var a= parseInt (document.getElementById("a").value);
var b= parseInt (document.getElementById("b").value);
document.getElementById("rta").value = a - b;
}
function multi() {
var a= parseInt (document.getElementById("a").value);
var b= parseInt (document.getElementById("b").value);
document.getElementById("rta").value = a * b;
}

</script>


a: <input type="text" id="a"><br>
b: <input type="text" id="b"><br>
rta: <input type="text" id="rta"readonly><br>
<input type="button" value="sumar" onclick="sumar();">
<br>
<input type="button" value="resta" onclick="resta();">
<br>
<input type="button" value="multiplicacion" onclick="multi();">
<br>


</body>


http://librosweb.es/libro/javascript/capitulo_6/modelo_basico_de_eventos_2.html