[SOLUCIONADO] Mensaje y respuesta en javascript

blancoarnau · #1 (**permalink**) 30/06/2013, 09:50

Hola a todos. El otro día pensé una forma de que el ordenador te "contestara" a tu mensaje que le dejas en un text. Así que me puse a hacerlo y hice esto:

Código HTML:

Ver original<html>
<title>HTML</title>
<head></head>
<body>
<div id="respuesta"></div>
<form>
<input type="text" id="space" />
</form>
</body>
<script type="text/javascript">
var mensaje = document.getElementById("space");
if(mensaje=="hola") {
    document.getElementById("respuesta").innerText="Hola";
}
</script>
</html>

Pero no se porque no se ejecuta nada. ¿Alguien sabe por qué y cómo arreglarlo? Muchas gracias :)

quimfv · #2 (**permalink**) 01/07/2013, 05:34

Código HTML:

Ver original<html>
<title>HTML</title>
<head>
<script type="text/javascript">
 
///Lo definimos como una funcioón que se ejecutara cuando ocurra un evento de cliente
 
function fRespuesta(){
 
///Te faltaba .value sin ello lo que hacias es asignar todo el objeto no su valor
var mensaje = document.getElementById("space").value;
 
///Recuerda que javascript es casesensitive al comparar con el valor 
///pasado a minúsculas respondera tanto a Hola como a hola como a HOLA...
if(mensaje.toLowerCase()=="hola") {
 
///usando innerhtml podrias dar formato a la respuesta
document.getElementById("respuesta").innerHTML="<strong>Que tal?</strong>";
 
}
}
</script>
</head>
<body>
<form>
 
<!-- Asociamos la función al evento onKeyUp de manera que se ejecuta 
      despues de soltar cada tecla... obviamente no responde hasta que el 
      valor del input es Hola,hola,HOLA o cualquier otra combinación de mayúsculas y minusculas. // -->
 
<input type="text" id="space" onKeyUp="fRespuesta();" />
 
<!-- Uso un span para que aparezca a continuación sin salto de linea // -->
<span id="respuesta"></span>
 
</form>
</body>
</html>

blancoarnau · #3 (**permalink**) 01/07/2013, 08:13

¡Muchas gracias! Es lo que buscaba!

blancoarnau · #4 (**permalink**) 01/07/2013, 08:34

Una cosa más complicada, ¿cómo lo hago para qué se ejecute una función si hay una palabra concreta en el que hemos escrito en el "text"?

quimfv · #5 (**permalink**) 02/07/2013, 01:27

A ver, tienes claro el tema de los eventos?

Los eventos son una colecció de hechos que pueden sucederle a cada objeto de html estos ocurren con independéncia de su contenido. Se usan para des encadenar la ejecución de un codigo determinado.

Luego dentro del codigo puedes analizar el valor del objeto desencadenante o de cualquier otro para hacer algo o no hacerlo, de hecho es lo que estas haciendo en la función del saludo

Código Javascript:

Ver originalif(mensaje.toLowerCase()=="hola") {

Este condicional , se traduce por "si se cumple que mensaje en minúsculas es igual a 'hola'", engloba todas las acciones de la función. Luego esta haciendo lo que pides

Cita:

¿cómo lo hago para qué se ejecute una función si hay una palabra concreta en el que hemos escrito en el "text"?

la función se ejecuta si o si cada vez que se produce el evento onKeyUp pero solo tiene efectos cuando contiene "hola".

Busca operadores de flujo de javascript donde encontraras un interesante switch que te permitiria por ejemplo hacer cosas distintas en función de palabras concretas distintas.

blancoarnau · #6 (**permalink**) 02/07/2013, 04:33

Tengo claro el switch, el while, etc., pero gracias por tu información.