JavaScript - Cómo crear Evento para un <p>

 
Vista:
sin imagen de perfil

Cómo crear Evento para un <p>

Publicado por lila salvaje (1 intervención) el 13/12/2015 13:19:11
Buenas.

Estoy intentando hacer un sorteo

Tengo éste código en mi HTML:


1
2
3
4
5
6
<form id=formularioQuiniela>
      <p id="textoResultado">Esperando introducción de datos...</p>
 
       // Instrucciones.....
 
</form>

El tema es que el contenido de éste párrafo tiene que cambiar según el resultado de la quiniela, y no sé por dónde pillarlo, no sé cómo acceder a textoResultado. Ésto es lo que he hecho:

1
2
3
4
5
6
var textoResultado=formularioQuiniela.textoResultado;
if (numAleatorio==numeroQuiniela ){
    textoResultado=document.write("Ganó" );
}
  else {
    textoResultado=document.write("Perdió" ); }


No sé explicarme mejor ya que mis escasos conocimientos JS me lo impiden, espero se entienda, a ver si alguien me echa una mano. Gracias.
Valora esta pregunta
Me gusta: Está pregunta es útil y esta claraNo me gusta: Está pregunta no esta clara o no es útil
-1
Responder
Imágen de perfil de xve
Val: 3.162
Oro
Ha mantenido su posición en JavaScript (en relación al último mes)
Gráfica de JavaScript

Cómo crear Evento para un <p>

Publicado por xve (2100 intervenciones) el 13/12/2015 20:14:23
Hola Lila, te recomiendo cualquier manual o código de ejemplo básico... sera de lo primero que te mostrara...

Para acceder al contenido de un id es con:
1
document.getElementById("textoResultado").innerHTML="Ganó";
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
Imágen de perfil de Jordi
Val: 4
Ha aumentado su posición en 10 puestos en JavaScript (en relación al último mes)
Gráfica de JavaScript

Cómo crear Evento para un <p>

Publicado por Jordi (76 intervenciones) el 13/12/2015 20:54:39
Buenas Lila,

Primero, los valores de los atributos en HTML deben ir entre comillas. Es decir:

1
<form id="formularioQuiniela">

Y para acceder a los elementos de la página, lo que comenta Jasieiky, a través de un getElementById. Con lo que te quedaría algo así la función a ejecutar.

1
2
3
4
5
6
7
var textoResultado=document.getElementById("textoResultado"); // Devuelve el elemento #textoresultado
if (numAleatorio == numeroQuiniela ){
    textoResultado.innerHtml = "Ganó";
}
  else {
     textoResultado.innerHtml = "Perdió";
}
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