lunes, 7 de marzo de 2016

Ejercicios sobre métodos array

Resolver estos cinco ejercicios sobre métodos array.
Del contenido del capítulo JS Array Methods W3Schools.

Ejercicio 1. Este es el código exacto del documento que se muestra:
<!DOCTYPE html>
<html>
<head>
<title>Javascript Ejercicios sobre Métodos 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 el método <i>pop()</i> para eliminar el último ítem del array.</h2>
<button onclick="myFunction()">Púlsame</button>
<p id="demo"></p>
<script>
var fruits = [" Banana", " Orange", " Apple"];
document.getElementById("demo").innerHTML = fruits;
function myFunction(){
fruits.pop();
document.getElementById("demo").innerHTML = fruits;
}
</script>
</body>
</html>

Ejercicio 2.
Este es el código exacto del documento que se muestra:
<!DOCTYPE html>
<html>
<head>
<title>Javascript Ejercicios Métodos 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 el método <i>push()</i> para añadir un nuevo ítem: Kiwi.</h2>
<button onclick="myFunction()">Púlsame</button>
<p id="demo"></p> 
<script>
var fruits = [" Banana", " Orange", " Apple"];
document.getElementById("demo").innerHTML = fruits;
function myFunction(){
fruits.push(" Kiwi");
document.getElementById("demo").innerHTML = fruits;
}
</script>
</body>
</html>

Ejercicio 3. Este es el código exacto del documento que se muestra:
<!DOCTYPE html>
<html>
<head>
<title>Javascript Ejercicios Métodos 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 el método <i>splice()</i> para borrar "Orange" y "Apple".</h2>
<button onclick="myFunction()">Púlsame</button>
<p id="demo"></p> 
<script>
var fruits = [" Banana", " Orange", " Apple", " Kiwi"];
document.getElementById("demo").innerHTML = fruits;
function myFunction(){
fruits.splice(1, 2);
document.getElementById("demo").innerHTML = fruits;
}
</script>
</body>
</html>

Ejercicio 4. Este es el código exacto del documento que se muestra:
<!DOCTYPE html>
<html>
<head>
<title>Javascript Ejercicios Métodos 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 el método <i>sort()</i> para ordenar alfabéticamente el array.</h2>
<button onclick="myFunction()">Púlsame</button>
<p id="demo"></p>
<script>
var fruits = [" Banana", " Orange", " Apple", " Kiwi"];
document.getElementById("demo").innerHTML = fruits;
function myFunction(){
fruits.sort();
document.getElementById("demo").innerHTML = fruits;
}
</script>
</body>
</html>

Ejercicio 5. Este es el código exacto del documento que se muestra:
<!DOCTYPE html>
<html>
<head>
<title>Javascript Ejercicios Métodos 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 el método <i>concat()</i> para concatenar chicas y chicos.</h2>
<p id="demo1"></p> 
<p id="demo2"></p> 
<button onclick="myFunction()">Púlsame</button>
<p id="demo3"></p> 
<script>
var chicas = [" Cecilie", " Lone"];
var chicos = [" Emil", " Tobias", " Linus"];
document.getElementById("demo1").innerHTML = "Chicas: " + chicas;
document.getElementById("demo2").innerHTML = "Chicos: " + chicos;
function myFunction(){
var todos = chicas.concat(chicos);
document.getElementById("demo3").innerHTML = "Todos: " + todos;
}
</script>
</body>
</html>
Publicado por en
Etiquetas: ,

No hay comentarios:

Publicar un comentario

Suscribirse a: Enviar comentarios (Atom)