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