domingo, 2 de octubre de 2016

01 Javascript Toma de contacto

En este video se muestra como empezar con Javascript, mostrando mensajes en HTML de manera sencilla.
El codigo se puede realizar con cualquier editor de texto.


El codigo javascript lo insertamos dentro del documento HTML, abriendo y cerrando con la etiqueta "script".
Los comentarios van con // si es una linea o /* */ si son varias lineas, esto nos sirve para insertar texto que no se tendra en cuenta en la ejecucion y nos  puede valer para  indicar que hacemos en el codigo, para facilitar su comprension si se ve tiempo despues o si lo ven otras personas con las que colaboramos para que entiendan el codigo con mayor facilidad.
Lo siguiente que expongo en este primer contacto es como insertar texto dentro del documento HTML, con "document.write("texto");", donde podremos insertar etiquetas HTML, tal y como hacemos insertando un titulo H1.

<script>
//comentario de una linea
/*comentario de varias lineas
*/
document.write("Hola, bienvenidos a JavaScript");
document.write("<h1>Mensaje con formato</h1>");
alert("Ventana javascript");

</script>

El codigo completo del archivo HTML seria asi:

<!doctype html>
<html lang="ES">
<head>
<title>
Toma de contacto - JavaScript
</title>
</head>
<body>
<header>
<nav>
</nav>
</header>
<section>
<article>
<hgroup>
<h1>Titulo Principal</h1>
<h2>Titulo Secundario</h2>
</hgroup>
<p>Parrafos</p>
<script>
//comentario de una linea
/*comentario de varias lineas
*/
document.write("Hola, bienvenidos a JavaScript");
document.write("<h1>Mensaje con formato</h1>");
alert("Ventana javascript");</script>
</article>
</section>
<aside>
</aside>
<footer>
<h4>Pie de pagina</h4>
</footer>

</body>
</html>

Espero os sea util, gracias.

No hay comentarios:

Publicar un comentario