Aprendiendo javascript
Click here to load reader
-
Upload
carlos-salas -
Category
Software
-
view
81 -
download
0
description
Transcript of Aprendiendo javascript
Bogotá Septiembre de 2014
Fundación San Mateo: Curso TIC’S
Principios Básicos de JavaScript
Profesor: Carlos Salas
Nota: Los comentarios están en color azul para mayor compresión
Tema 1: Imprimiendo un texto en Pantalla
<html>
<head>
</head>
<body>
<script type="text/javascript">
document.write("Bienvenidos a la Fundación San Mateo");
</script>
</body>
</html>
Tema 2: Manejo de Variables
<html>
<head>
</head>
<body>
<script type="text/javascript" >
var x = 10; /* En la declaración de las variables se pueden utilizar números y letras,
los números no pueden empezar en la declaración por ejemplo 10z y debe ser z10
también javascript es sensible a las mayúsculas es diferente decir Z a z
*/
document.write(z);
/* Tipos de variables, cuando se utilicen decimales se debe utilizar el punto no la coma
Ejemplo 34343.343434 Las cadenas se manejan entre comillas "asdfasdfasdf asdfasdf asdfasdf
*/ adsf ", Variables booleanas pueden ser true o false
var x = true;
// Variables tipo null
var x = null; // no tienen ningún valor
</script>
</body>
</html>
Tema 3: Operadores
<html>
<head>
</head>
<body>
<script type="text/javascript" >
var edad = 10;
var nombre = "carlos";
var pais = "colombia";
var tiempo = 25;
document.write(edad + tiempo + "<br>");
document.write(nombre + edad + tiempo + "<br>");
document.write(edad * tiempo - 34 + "<br>");
document.write(edad + tiempo - 34 + "<br>");
document.write("Mi nombre es" + nombre + "<br>");
/* El operador de suma funciona como concatenador por tanto no puedo utilizar este signo en la
*/ impresión de un string si de seguido hay dos números.
</script> // ojo recordar cerrar esta etiqueta
</body>
</html>
Tema 4: Funciones
<html>
<head>
</head>
<body>
<script type="text/javascript" >
function saludo() { // () Parámetros que recibe la función, {} contenido de la función
alert("Mostrando a carlos");
};
//saludo(); // acá estamos invocando a la función
</script>
<!--
Creamos un formulario para probar la función con el evento onclick
-->
<!--
<form>
<input type="button" value="mostrar" onclick="saludo()" />
</form>
<!--
-->
-->
</body>
</html>
Tema 4: Funciones parte II
<html>
<head>
</head>
<body>
<script type="text/javascript" >
function saludo(nombre,apellido) { /* () parámetros que recibe la función, {} contenido de la
*/ función
var nombre = "carlos";
var apellido = "salas";
document.write("Mi Nombre es " + nombre + apellido + "<br>"); /*si agregamos etiquetas html
*/ dentro de comillas las lee como código html
};
saludo("carlosss","salass");
saludo("milena","medellin");
saludo("nathalia","salas");
saludo("Clemencia"," "); // undefine
</script>
<form>
<input type="button" value="preciona" onclick="saludo()" />
</form>
</body>
</html>
Tema 5: Variables Globales y Locales
<html>
<head>
</head>
<body>
<script type="text/javascript" >
var variable1 = "Programación"; // Esta es la declaración de una variable global
function mostrar() {
document.write("Carlos es profesor de " + variable1 + "<br>");
};
mostrar();
document.write("Carlos no es profesor de " + variable1 + "<br>");
</script>
<!--
La variable (Variable1) fue llamada desde una función y también se llamó por fuera de la función
esto gracias a que es una variable global
La función y el document.write tuvieron acceso a variable1
-->
</body>
</html>