Introducción a JavaScript

JavaScript es un lenguaje de Scripts a nivel de cliente. Se ejecuta en el navegador.
<!-- Hay 3 formas de escribir JavaScript en un archivo HTML.
1 - Primera: Como texto con las etiquetas script-->
<script type="text/javascript"><!--
 alert("Hola mundo embebido en el fuente.");
// --></script>
<!-- 2 - Segunda: Como evento para una etiqueta -->
<p onclick="alert('Hola desde una etiqueta.');">Haga clic para que salude.</p>
<!-- 3 - Tercera: En un archivo separado-->
<script src="CodigoHola.js" type="text/javascript"></script>
 <!-- El archivo separado se llama CodigoHola.js y tiene el código:
 alert("Hola mundo desde un archivo."); en él-->
 
<!--Hay más funciones para interactuar con el temido usuario: -->
 <script type="text/javascript"><!--
 prompt("Pido datos"); confirm("Pido confirmación");
// --></script>

<!--Uso de variables: Se declaran pero no necesitan un tipo de dato, 
éste es definido cuando se le asigna un valor a la variable..-->
<script type="text/javascript"><!--
 var nombre, apellido, edad; nombre = prompt("Ingrese su nombre"); apellido = prompt("Ingrese su apellido"); edad = prompt("Ingrese su edad"); alert("Tu nombre es " + nombre + " " + apellido + "\n" + "Tienes "+ edad);
// --></script>

 
<script src="codigo.js" type="text/javascript"></script> 
<!-- Cuando se cargue la página, ejecuta el evento onLoad del Body:--> 
 
<!-- Usar funciones:--> 
<input onmouseover="hover()" type="button" value="Botón" /> 
<input onclick="nombre()" type="button" value="Te digo tu nombre" />
<input onmousemove="acercar()" type="button" value="No te me acerces..." />
<input onclick="escribir()" type="button" value="Escribir" />

//Función que se carga en el onLoad del body: 
function cargar(){ 
     alert("Se cargó la página"); 
} 
 
//Función que uno ingresa, y te dice tu nombre 
function nombre(){ 
     var nombre = prompt("Decime cuál es tu nombre:");
     alert("Hola " + nombre + ". \n ¿Todo bien?"); 
}  
 
//Función cuando pasa encima del botón botón" 
function hover(){ 
     alert("El cursor del mouse pasó por encima del botón.");
} 
 
//Función paranoica 
function acercar(){
     alert("TE ACERCASTE!!");
}  
 
//función para escribir en documentos, se puede incluí­r HTML en el 
//document.write, y va a ser interpretado como HTML por el navegador: 
function escribir(){ 
     document.write("Esto es una página nueva.  Hola  ;"); 
}

<script src="archivo.js" type="text/javascript"></script>
<h1>Acceso a datos de una página</h1>
<input id="txtDato" type="text" /> 
<input onclick="obtener()" type="button" value="Aceptar" />
<input id="txtRecibe" size="100" type="text" />

// document.getElementById(" ") - Permite acceder al objeto que tiene id=" "
function obtener(){
     var dato = document.getElementById("txtDato").value;
     document.getElementById("txtRecibe").value="Ingresaste '" +
     dato + "' en la casilla anterior. Invitame un café.";
}