Foros aprenderaprogramar.com
Aprender a programar => C, C++, C#, Java, Visual Basic, HTML, PHP, CSS, Javascript, Ajax, Joomla, MySql y más => Mensaje iniciado por: JurreNawijn en 22 de Febrero 2016, 04:28
-
Dejo la respuesta al siguiente ejercicio.
<!DOCTYPE html>
<html>
<head>
<title>Ejemplo DOM - aprenderaprogramar.com</title>
<meta charset="utf-8">
<style type="text/css">
body { font-family: sans-serif;}
.boton{padding:15px; width: 330px; text-align:center; clear:both;
color: white; border-radius: 40px; background: rgb(202, 60, 60); margin: 10px auto;}
.boton:hover {background: rgb(66, 184, 221); cursor:pointer;}
p {font-size: 24px; color: maroon; display: inline-block; margin:10px; border: solid black; padding:10px;}
</style>
<script type="text/javascript">
function mostrarLetras() {
var palabra = prompt("Escribe la primera palabra que se te venga a la mente.");
var msg = 'Primeras letras: \n\n';
for (var i=1; i<=palabra.length; i++){
msg = msg + palabra.charAt(i-1) + '\n'; }
alert (msg);
}
function mostrarContParrafos() {
var elementosObtenidos = document.getElementsByTagName('p');
var parrafos = elementosObtenidos.length;
var msg = 'Párrafos\n';
for (i=1; i<=parrafos; i++) {
var contenido = elementosObtenidos[i-1].firstChild.nodeValue;
msg = msg + 'Párrafo número: ' + i + '\nContenido: ' + contenido + '\n\n';
}
alert(msg);
}
</script>
</head>
<body>
<h3 class="boton" onclick="mostrarLetras()">Pulse aquí para separar una palabra</h3>
<h3 class="boton" onclick="mostrarContParrafos('p')">Pulse aquí para contar los parrafos.</h3>
<p>Manzana</p>
<p>Pera</p>
<p>Fresa</p>
<p>Ciruela</p>
<p>Naranja</p>
<p>Kiwi</p>
<p>Pomelo</p>
<p>Melón</p>
<p>Sandía</p>
<p>Mango</p>
<p>Papaya</p>
<p>Cereza</p>
<p>Nectarina</p>
<p>Frambuesa</p></div>
</body>
</html>
-
Está bien, lo único que en el html te sobra una etiqueta de cierre </div>
-
Vale, gracias. Y ya me había fijado en esa etiqueta de cierre div de más, solo que ya no podía editar el post