[SOLUCIONADO] Accion de Boton

pvsge · #1 (**permalink**) 21/02/2015, 03:42

Hola a todos. Soy nuevo en esta pagina, casi tanto como el tiempo que llevo aprendiendo a programar. Tengo una duda que para michos resultara una tonteria pero llevo ya un par de dias intentando averiguar el como se hace.

Mi duda es:

Quiero hacer un boton (<input type="button">) compruebe si la palabra que he insertado en un <input type="text"> es una palabra determinada. He logrado que el boton llame a una variable (un script) donde esta insertado el codigo para comproblar, pero no he logrado hacer que la variable llame a la palabra insertada en el input type = text (todo lleva su id correspondiente).

¿Alguien podria ayudarme con esta tonteria?

Muchas gracias de antemano.

PHPeros · #2 (**permalink**) 21/02/2015, 04:34

Bienvenido al foro pvsge

¿Puedes mostrar el script para que te podamos ayudar mejor?

pvsge · #3 (**permalink**) 21/02/2015, 04:51

Gracias por tu respuesta tan rapida:

<!DOCTYPE HTML>
<html>
<title>Cuento verbos a1</title>
<head>
<meta charset="utf-8">
<link rel="stylesheet"type="text/css"href="../ho1.css">
<style type="text/css">
</style>
</head>
<body>
<h3>En la selva se fraguaba un plan para sacar de sus dominios al rey de la selva: se <input type="text" id="prim" name="cn1" title="rellena este campo"></input> harto de sus abusos, sus desmanes; de su tiranía por siglos.</h3>
<input type="button" onClick= alert(resultado) value = "boton input"></input>
<script type = "text/javascript">
var resultado =
if (prim = "hola") {alert("es correcto")}
else {alert("no es correcto")}
</script>
</body>
</html>

PHPeros · #4 (**permalink**) 21/02/2015, 05:07

Primero de todo, la etiqueta title debe ir dentro de las etiquetas <head> y </head>, y los inputs no tienen etiqueta de cierre.

Respecto al script, tienes bastantes errores de conceptos... en este caso necesitas declarar una función que se ejecute cada vez que se presiona el botón:

Código HTML:

Ver original<input type="button" onClick="comprobar()" value = "boton input">

Código Javascript:

Ver originalfunction comprobar(){
  var value = document.getElementById("prim").value; // Obtienes el valor del input
  if (value == "hola") { // Se compara con ==
    alert("Es correcto")
  }else {
    alert("No es correcto")
  }
}

pvsge · #5 (**permalink**) 21/02/2015, 05:12

Muchas gracias por tu rapida respuesta. Aun estoy solo escarbando en la superficie. Hay mucho que aprender.