lunes, 25 de enero de 2016

Ejercicios sobre 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>Mostrar <i>Juan</i> extrayendo información del objeto <i>persona</i>.</h2>
<p id="demo">Mostrar el resultado aquí.</p>
<script>
var persona = {name:"Juan", apellido:"Pérez"};
document.getElementById("demo").innerHTML = persona.name;
</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>Añade la propiedad <i>país</i> y el valor <i>España</i> al objeto <i>persona</i>.</h2>
<p id="demo"></p>
<script>
var persona = {nombre:"Juan", apellido:"Martínez", país:"España"};
document.getElementById("demo").innerHTML = persona.país;
</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>Crear un objeto <i>persona</i> con <i>nombre: Antonio</i>, <i>edad: 40</i>.</h2>
<p>Después accede al objeto para mostrar "Antonio tiene 40 años de edad".</p>
<p id="demo">Display the result here.</p>
<script>
// Create the object here
var persona = {
nombre: "Antonio",
edad:40,
};
document.getElementById("demo").innerHTML = 
persona.nombre  + " tiene " + persona.edad + " años de edad";
</script>
</body>
</html>

No hay comentarios:

Publicar un comentario