Iniciar sesiónCerrar
Correo:
Contraseña:
Entrar
Recordar sesión en este navegador
Iniciar sesiónIniciar sesiónCrear cuentaCrear cuenta
LWP » Foros » JavaScript » Consulta Código JavaScript Embebido en Página Principal HTML

JavaScript - Consulta Código JavaScript Embebido en Página Principal HTML

Volver
Nuevo Tema
<<>>
 
Vista:
Imágen de perfil de Bastián

Consulta Código JavaScript Embebido en Página Principal HTML

Publicado por Bastián (2 intervenciones) el 05/11/2017 03:58:16
Buenas a todos, me dirijo a ustedes para hacerles una consulta. Lo que pasa es que estoy estudiando HTML5, y llegué a la parte de JavaScript. Dentro de esta materia se establece que se pueden introducir códigos JS dentro de las líneas en el body de la página, en forma embebida dentro del head de la página y como archivos externos. Dentro de la forma embebida estoy intentando que al hacer click en el texto de un párrafo se desencadene un mensaje de alerta, pero no logro hacerlo. Les adjunto el código para que me puedan ayudar e indicarme cual es mi error, o si simplemente no se puede hacer en forma embebida.

Saludos cordiales

Bastián Jofré Urra
Alumno Ing. Civil en Informática
Universidad del Bio Bio
Valora esta pregunta
Me gusta: Está pregunta es útil y esta claraNo me gusta: Está pregunta no esta clara o no es útil
0
Responder
Imágen de perfil de abzerox
Val: 477
Bronce
Ha mantenido su posición en JavaScript (en relación al último mes)
Gráfica de JavaScript

Consulta Código JavaScript Embebido en Página Principal HTML

Publicado por abzerox (130 intervenciones) el 06/11/2017 00:10:50
Hola, el problema es que estas intentando asignar un event handler a un parrafo que todavia no se encuentra en el DOM. Intenta de esta forma:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
<!doctype html>
<html lang="es">
	<head>
		<meta charset="utf-8">
		<title>JavaScript en Línea</title>
        <script>
			function mostrarAlerta() {
				alert('Hizo Click');
			}
 
			window.onload = function() {
				document.getElementsByTagName("p")[0].onclick=mostrarAlerta;
			}
		</script>
	</head>
	<body>
    	<p>Hacer Click</p>
	</body>
</html>
Valora esta respuesta
Me gusta: Está respuesta es útil y esta claraNo me gusta: Está respuesta no esta clara o no es útil
2
Comentar
Imágen de perfil de Bastián

Consulta Código JavaScript Embebido en Página Principal HTML

Publicado por Bastián (2 intervenciones) el 06/11/2017 02:15:22
Muchas gracias estimado abzerox, tu código era la respuesta que tanto buscaba. Parece que me equivoqué al evaluar, creo que pasé a marcar hacia abajo, disculpa por ello si fue así, ya que te mereces un 10 por tu gran ayuda. De verdad muchas gracias. Saludos cordiales.

Bastián Jofré Urra
Un programador web en entrenamiento muy agradecido.
Valora esta respuesta
Me gusta: Está respuesta es útil y esta claraNo me gusta: Está respuesta no esta clara o no es útil
0
Comentar