jueves, 4 de febrero de 2016

Ejercicios sobre métodos string

Resolver estos seis ejercicios sobre métodos string.
Del contenido del capítulo JS String Methods W3Schools.

Ejercicio 1. Este es el código exacto del documento que se muestra:
<!DOCTYPE html>
<html>
<head>
<title>Ejercicios sobre Métodos String</title>
<meta charset="UTF-8" />
<meta name="author" content="Ángel Puente" />
<link href="../estilo.css" rel="stylesheet" type="text/css" />
</head>
<body>
<h2>Mostrar la primera coincidencia de "Mundo" en la variable txt.</h2>
<p id="demo"></p>
<script>
var txt = "Hola Mundo";
document.getElementById("demo").innerHTML = txt.indexOf("Mundo");
</script>
</body>
</html>

Ejercicio 2.
Este es el código exacto del documento que se muestra:
<!DOCTYPE html>
<html>
<head>
<title>Ejercicios sobre Métodos String</title>
<meta charset="UTF-8" />
<meta name="author" content="Ángel Puente" />
<link href="../estilo.css" rel="stylesheet" type="text/css" />
</head>
<body>
<!DOCTYPE html>
<html>
<body>
<h2>Usar el método slice() para mostrar solo "Banana, Kiwi".</h2>
<p id="demo"></p>
<script>
var str = "Manzana, Banana, Kiwi";
document.getElementById("demo").innerHTML = str.slice(9);
</script>
</body>
</html>

Ejercicio 3. Este es el código exacto del documento que se muestra:
<!DOCTYPE html>
<html>
<head>
<title>Ejercicios sobre Métodos String</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 replace() para sustituir "Mundo" por "Universo".</h2>
<p id="demo"></p>
<script>
var txt = "Hola Mundo";
document.getElementById("demo").innerHTML = 
txt.replace("Mundo","Universo");
</script>
</body>
</html>

Ejercicio 4. Este es el código exacto del documento que se muestra:
<!DOCTYPE html>
<html>
<head>
<title>Ejercicios sobre Métodos String</title>
<meta charset="UTF-8" />
<meta name="author" content="Ángel Puente" />
<link href="../estilo.css" rel="stylesheet" type="text/css" />
</head>
<body>
<h2>Pasar el contenido de txt a mayúsculas.</h2>
<p id="demo"></p>
<script>
var txt = "Hola Mundo";
document.getElementById("demo").innerHTML = txt.toUpperCase();
</script>
</body>
</html>

Ejercicio 5.
Este es el código exacto del documento que se muestra:
<!DOCTYPE html>
<html>
<head>
<title>Ejercicios sobre Métodos String</title>
<meta charset="UTF-8" />
<meta name="author" content="Ángel Puente" />
<link href="../estilo.css" rel="stylesheet" type="text/css" />
</head>
<body>
<h2>Pasar el contenido de txt a minúsculas.</h2>
<p id="demo"></p>
<script>
var txt = "Hola Mundo";
document.getElementById("demo").innerHTML = txt.toLowerCase();
</script>
</body>
</html>

Ejercicio 6. Este es el código exacto del documento que se muestra:
<!DOCTYPE html>
<html>
<head>
<title>Ejercicios sobre Métodos String</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 concat() para unir los dos strings: str1 y str2.</h2>
<p id="demo">Mostrar aquí el contenido.</p>
<script>
var str1 = "¡Hola ";
var str2 = "Mundo!";
document.getElementById("demo").innerHTML = 
str1.concat(str2);
</script>
</body>
</html>
Publicado por en
Etiquetas: ,

1 comentario:

Suscribirse a: Enviar comentarios (Atom)