[SOLUCIONADO] ¿Cómo puedo escribir mi nombre en un button type y que mi nombre aparezca debajo

[blancoarnau]

Hola! Llevo buscando unas horas y no sé como hacerlo ni buscarlo la verdad. Yo, ahora mismo tengo hecho un button type, y me gustaria que al escribir mi nombre y darle enter apareciera debajo: "Tu eres" +mi nombre. Os dejo un dibujo esquemático de como quiero hacerlo (está en inglés porque antiguamente lo subí en un foro estadounidense y nadie me respondió):

[America|UNK]

Código HTML:

<Input type="text" id="nombre" />
<Div id="result"></div>
 

Abajo..

Código Javascript:

<Script>
document.getElementById("nombre").onkeyup = function(e){
  if(e.keyCode == 13){
    document.getElementById("result").innerText = "Your name is &quot;" + this.value + "&quot;";
    this.value = ""
  }
}
</Script>
 

[blancoarnau]

Muchas gracias! Pero no entiendo esto de e.keyCode . ¿Qué significa?

[America|UNK]

e.keyCode == 13

TeclaPresionada es Enter ?

[blancoarnau]

¡Ah vale! Muchas gracias :D

[blancoarnau]

Ah, otra cosa. Porque pones function(e), y después e.keycode. Es decir, que pones una "e". ¿Para que sirve?

[America|UNK]

e es una variable que le asigno al evento lanzado por la pulsacion de la tecla, en este evento puedes acceder a todos sus atributos, como el codigo de la tecla pulsada, o incluso manipular el evento, abortarlo, etc. Puedes probar ingresar console.info(e) dentro de la funcion para averiguar todos los atributos o métodos que contiene este objeto.

[blancoarnau]

Ah de acuerdo. Es que soy un poco nuevo en este tema.

[blancoarnau]

O sea, que el button type al soltar una tecla es igual a la función que proviene de pulsar la misma o otra tecla que si ésta es enter aparece un texto debajo diciendo: "Your name is" más la palabra que hemos escrito en el button type. ¿Verdad? Pero no entiendo porque la función es lanzada por pulsar una tecla pero es igual a dejar de pulsar una tecla en el button type.