martes, 23 de febrero de 2016

Ejercicios sobre arrays

Resolver estos cinco ejercicios sobre arrays.
Del contenido del capítulo JS Arrays W3Schools.

Ejercicio 1. Este es el código exacto del documento que se muestra:
<!DOCTYPE html>
<html>
<head>
<title>Javascript Ejercicios Arrays</title>
<meta charset="UTF-8" />
<meta name="author" content="Ángel Puente" />
<link href="../estilo.css" rel="stylesheet" type="text/css" />
</head>
<body>
<h2>Crear un array denominado coches, asignarle los valores "Citroen", "Seat" y "Peugeot" y mostrarlo.</h2>
<p id="demo">Mostrar aquí el resultado.</p> 
<script>
var coches = ["Citroen", " Seat", " Peugeot"];
document.getElementById("demo").innerHTML = coches;
</script>
</body>
</html>


Ejercicio 2.
Este es el código exacto del documento que se muestra:
<!DOCTYPE html>
<html>
<head>
<title>Javascript Ejercicios Arrays</title>
<meta charset="UTF-8" />
<meta name="author" content="Ángel Puente" />
<link href="../estilo.css" rel="stylesheet" type="text/css" />
</head>
<body>
<h2>Mostrar el item "Volvo" del array coches.</h2>
<p id="demo">Mostrar aquí el resultado</p> 
<script>
var coches = ["Saab", "Volvo", "BMW"];
document.getElementById("demo").innerHTML = coches[1];
</script>
</body>
</html>


Ejercicio 3. Este es el código exacto del documento que se muestra:
<!DOCTYPE html>
<html>
<head>
<title>Javascript Ejercicios Arrays</title>
<meta charset="UTF-8" />
<meta name="author" content="Ángel Puente" />
<link href="../estilo.css" rel="stylesheet" type="text/css" />
</head>
<body>
<h2>Cambiar el primer item de coches a "Opel" por el índice numéricos y mostrar el array entero.</h2>
<p id="demo"></p> 
<script>
var coches = ["Saab", " Volvo", " BMW"];
coches[0] = "Opel"
document.getElementById("demo").innerHTML = coches;
</script>
</body>
</html>


Ejercicio 4. Este es el código exacto del documento que se muestra:
<!DOCTYPE html>
<html>
<head>
<title>Javascript Ejercicios Arrays</title>
<meta charset="UTF-8" />
<meta name="author" content="Ángel Puente" />
<link href="../estilo.css" rel="stylesheet" type="text/css" />
</head>
<body>
<h2>Usar la propiedad <i>length</i> para mostrar el número de items del array coches.</h2>
<p id="demo"></p> 
<script>
var coches = ["Saab", "Volvo", "BMW"];
document.getElementById("demo").innerHTML = coches.length;
</script>
</body>
</html>


Ejercicio 5. Este es el código exacto del documento que se muestra:
<!DOCTYPE html>
<html>
<head>
<title>Javascript Ejercicios Arrays</title>
<meta charset="UTF-8" />
<meta name="author" content="Ángel Puente" />
<link href="../estilo.css" rel="stylesheet" type="text/css" />
</head>
<body>
<h2>Usar la propiedad <i>length</i> para añadir un nuevo item a coches: Mercedes.</h2>
<button type="button" onclick="myFunction()">Púlsame</button>
<p id="demo"></p> 
<script>
var coches = ["Saab", " Volvo", " BMW"];
document.getElementById("demo").innerHTML = coches;
function myFunction(){
coches[coches.length] = " Mercedes";
document.getElementById("demo").innerHTML = coches;
}
</script>
</body>
</html>

No hay comentarios:

Publicar un comentario