¿Como Introducir información?
En la entrada anterior vimos el comando prompt el cual permite mostrar información pero a la vez admite que el usuario introduzca información que podemos usar en nuestro programa.
También vimos el comando document.getElementById que nos permite acceder a cualquier etiqueta de nuestro HTML(propiedades, métodos, eventos, etc) siempre y cuando tenga un identificador.
Veamos un ejemplo :
<!DOCTYPE html>
< html>
< script>
function miFuncion() {
var nombre = document.getElementById("nombre").value;
document.getElementById("demo").innerHTML = "Hola " + nombre + "! ¿como estas hoy?";
}
< /script>
<body>
< input type = "text" value = "Escriba su nombre aqui" id="nombre" size="30">
<p>Haga Click en el boton para ejecutar.</p>
<button onclick="miFuncion()">Pruebalo</button>
<p id="demo"></p>
< /body>
< /html>
Esta función es inmensamente potente así que mejor nos las aprendemos de una vez!
No hay comentarios.:
Publicar un comentario