¿Por
qué estudiar JavaScript?
JavaScript
es uno de los 3 lenguajes que todos los desarrolladores
web deben aprender:
1. HTML te sirve para definir el contenido de las páginas web.
2. CSS para especificar el diseño de las páginas web.
3. JavaScript para
programar el comportamiento y dinamismo de las páginas web.
Las
páginas web no son el único lugar donde se usa JavaScript. Muchos
programas de escritorio y servidor utilizan JavaScript. Node.js es el más
conocido. Algunas bases de datos, como MongoDB y CouchDB, también usan
JavaScript como su lenguaje de programación.
Vale
la pena comentar que java y JavaScript son completamente diferentes.
¿Que
puede hacer JavaScript?
Uno de los muchos métodos HTML de JavaScript es
getElementById().
Este
ejemplo
utiliza el método para "encontrar" un elemento HTML (con
id = "demo") y cambia el contenido del elemento (
innerHTML) a
"Hola JavaScript":
<!DOCTYPE html>
<html>
<body>
<h2>What Can JavaScript
Do?</h2>
<p
id="demo">JavaScript can change HTML content.</p>
<button type="button"
onclick='document.getElementById("demo").innerHTML = "Hello
JavaScript!"'>Click Me!</button>
</body>
</html>
Tambien
puede cambiar los valores de atributos HTML
Ejemplo:
<!DOCTYPE html>
<html>
<body>
<h2>Que puede hacer JavaScript
Do?</h2>
<p>JavaScript puede cambiar valores de atributos.</p>
<p>En este ejemplo cambia el atributo src (source) ade una imagen.</p>
<button
onclick="document.getElementById('myImage').src='pic_bulbon.gif'">Turn
on the light</button>
<img id="myImage"
src="pic_bulboff.gif" style="width:100px">
<button
onclick="document.getElementById('myImage').src='pic_bulboff.gif'">Turn
off the light</button>
</body>
</html>
JavaScript
Puede Cambiar estilos
Ejemplo:
<!DOCTYPE
html>
<html>
<body>
<h2>Que puede hacer JavaScript?</h2>
<p id="demo">JavaScript puede cambiar estilos
de una etiqueta HTML.</p>
<button
type="button"
onclick="document.getElementById('demo').style.fontSize='35px'">Click
Me!</button>
</body>
</html>
En otras palabras se puede manipular un sitio web completamente.... :)
No hay comentarios:
Publicar un comentario