Scribd
Cargar
7 vistas

CHTML B Ejercicio SumaJavaScript

Cargado por

aye.trigo
Derechos de autor
© © All Rights Reserved
Nos tomamos en serio los derechos de los contenidos. Si sospechas que se trata de tu contenido, reclámalo aquí.
Formatos disponibles
Descarga como PDF, TXT o lee en línea desde Scribd
7 vistas

CHTML B Ejercicio SumaJavaScript

Cargado por

aye.trigo
Derechos de autor
© © All Rights Reserved
Nos tomamos en serio los derechos de los contenidos. Si sospechas que se trata de tu contenido, reclámalo aquí.
Formatos disponibles
Descarga como PDF, TXT o lee en línea desde Scribd
Está en la página 1/ 11

Por el experto: Ing.

Ubaldo Acosta

www.gl obal mentoring.com .mx


Crear un proyecto con JavaScript para realizar una suma. Al
finalizar veremos:

www.gl obal mentoring.com .mx


Creamos un nuevo proyecto:

www.gl obal mentoring.com .mx


Creamos un nuevo archivo funciones.js:

www.gl obal mentoring.com .mx


Archivo index.html:
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>EjercicioJavaScript 3</title>
<script type="text/javascript" src="funciones.js"></script>
</head>
<body>
<h1>EjercicioJavaScript 3</h1>
<button onclick="sumar();">Sumar</button>
</body>
</html>

www.gl obal mentoring.com .mx


Archivo funciones.js:
function sumar() {
//Envolvemos todo el codigo en un bloque
//try y catch para procesar la excepcion
//en caso de que haya ocurrido alguna
try {

//Pedimos el valor del operando a


var a = prompt("Valor a:", "");

//validamos parametro a
if (!a || isNaN(a)) {
throw new Error("Valor invalido de a:" + a);
}

//pedimos el valor del operando b


var b = prompt("Valor b:", "");

//validamos parametro b
if (!b || isNaN(b)) {
throw new Error("Valor invalido de b:" + b)
}
www.gl obal mentoring.com .mx
Archivo funciones.js:
/* Si no hay problema, hacemos la suma
* necesitamos convertir a int los parametros
* partseInt convierte a entero, si no es entero
* no va a realizar la suma sino concatena los valores
*/

var c = parseInt(a) + parseInt(b);


alert("La suma es:" + c);

} catch (e) {
alert("El error es:" + e.message);
}

www.gl obal mentoring.com .mx


www.gl obal mentoring.com .mx
( )

www.gl obal mentoring.com .mx


Con este ejercicio hemos puesto en práctica varias funciones
más con JavaScript y HTML.

En este ejemplo utilizamos la función prompt de JavaScript


para capturar los datos del usuario, sin embargo en ejercicios
posteriores utilizaremos cajas de texto de HTML para capturar
la información y así mismo desplegar el resultado en la página
HTML.

www.gl obal mentoring.com .mx


Por: Ing. Ubaldo Acosta

www.gl obal mentoring.com .mx

También podría gustarte