domingo, 24 de enero de 2016

Objetos

Objetos, propiedades y métodos.
Del contenido del capítulo JS Objects W3Schools.

Ejercicio 1. Este es el código exacto del documento que se muestra:
<!DOCTYPE html>
<html>
<head>
<title>Ejercicios sobre objetos en JavaScript</title>
<meta charset="UTF-8" />
<meta name="author" content="Ángel Puente" />
<head>
<body>
<h2>Para compararlo con la creación de un objeto.</h2>
<p>Creando una variable.</p>
<p id="demo"></p>
<script>
var coche = "Fiat";
document.getElementById("demo").innerHTML = coche;
</script>
</body>
</html>

Ejercicio 2.
Este es el código exacto del documento que se muestra:
<!DOCTYPE html>
<html>
<head>
<title>Ejercicios sobre objetos en JavaScript</title>
<meta charset="UTF-8" />
<meta name="author" content="Ángel Puente" />
<head>
<body>
<h2>Un objeto es como una variable pero contiene varias variables.</h2>
<p id="demo"></p>
<script>
var coche = {tipo:"Fiat", modelo:"500", color:"blanco"};
document.getElementById("demo").innerHTML = coche.tipo;
</script>
</body>
</html>

Ejercicio 3. Este es el código exacto del documento que se muestra:
<!DOCTYPE html>
<html>
<head>
<title>Ejercicios sobre objetos en JavaScript</title>
<meta charset="UTF-8" />
<meta name="author" content="Ángel Puente" />
<head>
<body>
<h2>Un objeto se define con las propiedades y los valores.</h2>
<p id="demo"></p>
<script>
var persona = {nombre:"Juan", apellido:"Pérez", edad:50, nacionalidad:"española"};
document.getElementById("demo").innerHTML =
persona.nombre + " " + persona.apellido + " de " + persona.edad + " años de edad y nacionalidad "
+ persona.nacionalidad;
</script>
</body>
</html>

Ejercicio 4.
Este es el código exacto del documento que se muestra:
<!DOCTYPE html>
<html>
<head>
<title>Ejercicios sobre objetos en JavaScript</title>
<meta charset="UTF-8" />
<meta name="author" content="Ángel Puente" />
<head>
<body>
<h2>Los espacios y los saltos de línea no son importantes.</h2>
<p id="demo"></p>
<script>
var persona = {
nombre:"Juan", 
apellido:"Pérez", 
edad:50, 
nacionalidad:"española"};
document.getElementById("demo").innerHTML =
persona.nombre + " " + persona.apellido + " de " + persona.edad + " años de edad y nacionalidad "
+ persona.nacionalidad;
</script>
</body>
</html>

Ejercicio 5.
Este es el código exacto del documento que se muestra:
<!DOCTYPE html>
<html>
<head>
<title>Ejercicios sobre objetos en JavaScript</title>
<meta charset="UTF-8" />
<meta name="author" content="Ángel Puente" />
<head>
<body>
<h2>Accedemos a las propiedades del objeto con la sintaxis: <i>objeto.propiedad</i></h2>
<p id="demo"></p>
<script>
var persona = {
    nombre: "Julio",
    apellido : "Delgado",
    id       :  5566
};
document.getElementById("demo").innerHTML =
persona.nombre + " " + persona.apellido;
</script>
</body>
</html>

Ejercicio 6.
Este es el código exacto del documento que se muestra:
<!DOCTYPE html>
<html>
<head>
<title>Ejercicios sobre objetos en JavaScript</title>
<meta charset="UTF-8" />
<meta name="author" content="Ángel Puente" />
<head>
<body>
<h2>Accedemos a las propiedades del objeto con la sintaxis: <i>objeto["propiedad"]</i></h2>
<p id="demo"></p>
<script>
var persona = {
    nombre: "Julio",
    apellido : "Delgado",
    id       :  5566
};
document.getElementById("demo").innerHTML =
persona["nombre"] + " " + persona["apellido"];
</script>
</body>
</html>

Ejercicio 7.
Este es el código exacto del documento que se muestra:
<!DOCTYPE html>
<html>
<head>
<title>Ejercicios sobre objetos en JavaScript</title>
<meta charset="UTF-8" />
<meta name="author" content="Ángel Puente" />
<head>
<body>
<h2>Creando y usando un método.</h2>
<p id="demo"></p>
<script>
var persona = {
nombre:"Alberto",
apellido1:"Pena",
apellido2:"Pérez",
edad:40,
DNI:"12345678Z",
nombreSimplificado:function(){
return this.nombre + " " + this.apellido1;
}
};
document.getElementById("demo").innerHTML = persona.nombreSimplificado();
</script>
</body>
</html>

Ejercicio 8.
Este es el código exacto del documento que se muestra:
<!DOCTYPE html>
<html>
<head>
<title>Ejercicios sobre objetos en JavaScript</title>
<meta charset="UTF-8" />
<meta name="author" content="Ángel Puente" />
<head>
<body>
<p id="demo"></p>
<script>
var persona = {
nombre:"Alberto",
apellido1:"Pena",
apellido2:"Pérez",
edad:40,
DNI:"12345678Z",
nombreSimplificado:function(){
return this.nombre + " " + this.apellido1;
}
};
document.getElementById("demo").innerHTML = persona.nombreSimplificado;
</script>
</body>
</html>
Publicado por en
Etiquetas: , ,

No hay comentarios:

Publicar un comentario

Suscribirse a: Enviar comentarios (Atom)