< ? xml version = '1.0' encoding = 'UTF-8'? >
< html >
< cabeza >
< META HTTP-EQUIV = " Content-Type " CONTENT = " text / html; charset = UTF-8 " />
< título > Calculadora - ejemplo Javascript
< link rel = " stylesheet " type = " text / css " href = " styles / styles.css " />
< script language = " javascript " >
función $ ( id ) {
documento de devolución . getElementById ( id ) ;
}
function asFloat ( param ) {
return parseFloat ( $ ( param ) . valor ) ;
}
función calcular ( ) {
var op1 = asFloat ( "op1" ) ;
var op2 = asFloat ( "op2" ) ;
$ ( "resultado" ) . innerHTML = op1 + op2 ;
$ ( "resultado" ) . estilo . display = 'bloque' ;
}
función actualizarEstado ( ) {
$ ( "resultado" ) . estilo . display = "ninguno" ;
var op1 = isNaN ( asFloat ( "op1" ) ) ;
var op2 = isNaN ( asFloat ( "op2" ) ) ;
$ ( "sumar" ) . desactivado = ( op1 || op2 ) ;
}
< cuerpo >
< centro >
< h2 > Calculadora
< formulario >
Ingrese ONU valor: < entrada de id = " OP1 " tipo =" texto " onkeyup =" actualizarEstado () " > < br >
Ingrese valor Otro: < entrada de id = " op2 " onkeyup =" actualizarEstado () " tipo =" texto " > < br >
< input type = " button " id = " sumar " class = " button " value = " Sumar " disabled = " true " onClick = " calcular (); " >
< div class = " resultado " >
< span id = " resultado " class = " resultado " style = " display: none; " >
Sitio web creado por W9-Code Artículos