[SOLUCIONADO] Var undefined

joseatm90 · #1 (**permalink**) 16/03/2016, 17:44

Buenas tengo una duda, parece que la variable del input no me recoje los datos que pongo para que luego con el if me busque si en el párrafo existe esa palabra o no, no sé si alguien me podría ayudar????

os pego el código para ver si me podeis ayudar

<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>Documento sin título</title>
</head>

<body>

<p id="texto1">Dieciséis penaltis después para romper la igualdad perenne de la eliminatoria, con el himno cantado a capela cinco veces por una hinchada tan entregada como histérica, Juanfran metió al Atlético en los cuartos de final de la Liga de Campeones. No perdonó el lateral el error de Narsingh, que envio el octavo lanzamiento de su equipo al larguero. Al punto de penalti acudió Juanfran con sus botas nuevas, en las que se puede leer el nombre de su hijo y de su mujer, y ajustó su disparo para certificar una clasificación agónica, tan del Atlético como el derroche infinito que caracteriza a la tropa de Simeone. Esa cita con la historia premió a uno de los futbolistas que más describe el crecimiento del Atlético desde la llegada del entrenador argentino. Hasta ese momento crucial hubo un partido que mezcló la táctica con la épica, los nervios y la emoción de la viejaCopa de Europa, que se engrandece desde noches taquicárdicas como esta.</p>

<input type="text" id="texto2" value="octavo">

<button onclick="buscar()">Comprueba</button>

Código Javascript:

Ver original<script>
 
function buscar(){
 
var texto1 =document.getElementById("texto1");
//alert(texto1.innerHTML);
 
var texto2=document.getElementById("texto2").value;
alert(texto2.innerHTML);
 
if (texto2.indexOf(texto1) != -1) {
alert("Texto encontrado");
}
else{
alert("No se encuentra el texto buscado");
}
}
 
</script>

</body>
</html>

Alexis88 · #2 (**permalink**) 16/03/2016, 23:39

Para empezar, si quieres hacer la búsqueda en el contenido del párrafo, la invocación al método .indexOf() debe realizarse así:

Código Javascript:

Ver originaltexto1.indexOf(texto2)

Por otra parte, estás olvidando tomar al contenido del párrafo, para lo cual debes usar la propiedad innerHTML:

Código Javascript:

Ver originalvar texto1 = document.getElementById("texto1").innerHTML;

joseatm90 · #3 (**permalink**) 17/03/2016, 02:03

Código Javascript:

Ver original<script>
 
function buscar(){
 
var texto1 =document.getElementById("texto1");
//alert(texto1.innerHTML);
 
var texto2=document.getElementById("texto2").innerHTML;
alert(texto2.innerHTML);
 
if (texto1.indexOf(texto2) != -1) {
alert("Texto encontrado");
}
else{
alert("No se encuentra el texto buscado");
}
}
 
</script>

Gracias por la contestación, sería así entonces? es que no me lo hace he cambiado texto1 por texto2 y viceversa, pero me sale la ventana de undefinid y no me funciona, ¿qué puedo hacer?, gracias un saludo!

joseatm90 · #4 (**permalink**) 17/03/2016, 02:04

Cita:

Iniciado por Alexis88

Para empezar, si quieres hacer la búsqueda en el contenido del párrafo, la invocación al método .indexOf() debe realizarse así:

Código Javascript:

Ver originaltexto1.indexOf(texto2)

Por otra parte, estás olvidando tomar al contenido del párrafo, para lo cual debes usar la propiedad innerHTML:

Código Javascript:

Ver originalvar texto1 = document.getElementById("texto1").innerHTML;

Código Javascript:

Ver original<script>
 
function buscar(){
 
var texto1 =document.getElementById("texto1").innerHTML;
//alert(texto1.innerHTML);
 
var texto2=document.getElementById("texto2");
//alert(texto2.innerHTML);
 
if (texto1.indexOf(texto2) != -1) {
alert("Texto encontrado");
}
else{
alert("No se encuentra el texto buscado");
}
}
 
</script>

Gracias por la contestación, sería así entonces? es que no me lo hace he cambiado texto1 por texto2 y viceversa, pero me sale la ventana de
"texto no encontrado" siempre y no sé porqué gracias

eContento · #5 (**permalink**) 17/03/2016, 05:54

Me temo que se refiere más a esto

Código Javascript:

Ver originalfunction buscar(){
  var texto1 = document.getElementById("texto1").innerHTML;
  var texto2 = document.getElementById("texto2").value;
 
  if (texto2.indexOf(texto1) > -1) {
    alert("texto1 encontrado dentro de texto2");
  } else {
    alert("No se encuentra el texto buscado");
  }
}

Un saludo

Alexis88 · #6 (**permalink**) 17/03/2016, 09:18

Debes utilizar a la propiedad innerHTML para obtener el contenido del párrafo, tal y como te lo señalé en mi anterior respuesta. Eso, además del cambio en el método de búsqueda, era lo único que había que modificar, tal y como te lo señala eContento.

joseatm90 · #7 (**permalink**) 17/03/2016, 18:21

Muchas gracias a los dos =) me habéis sacado de un marrón jaja al fin entiendo el ejercicio lo voy a repasar todo bien, ya funciona =)