23 DE ABRIL DEL 2019 VARIABLES DE JAVASCRIPT
Iniciamos en JavaScript introduccion y variables
Qué
es JavaScript ?
JavaScript es
un robusto lenguaje de programación que puede ser aplicado a un documento HTML y usado
para crear interactividad dinámica en los sitios web. Fue inventado por Brendan
Eich, co-fundador del proyecto Mozilla, Mozilla Foundation y la Corporación
Mozilla .
Puedes hacer casi cualquier cosa con JavaScript. Puedes empezar con
pequeñas cosas como carruseles, galerías de imágenes, diseños fluctuantes,
y respuestas a las pulsaciones de botones. Con más experiencia, serás capaz de
crear juegos, animaciones 2D y gráficos 3D, aplicaciones
integradas basadas en bases de datos, ¡y mucho más!.
JavaScript por si solo es bastante compacto aunque muy flexible, y los
desarrolladores han escrito gran cantidad de herramientas encima del núcleo del
lenguaje JavaScript, desbloqueando una
gran cantidad de funcionalidad adicional con un mínimo esfuerzo. Esto incluye:
·
Interfaces de Programación de Aplicaciones del Navegador (APIs) — APIs
construidas dentro de los navegadores que ofrecen funcionalidades como
crear dinámicamente contenido HTML y establecer estilos CSS, hasta capturar y
manipular un vídeo desde la cámara web del usuario, o generar gráficos 3D
y muestras de sonido.
·
APIs de Terceros, que permiten a los desarrolladores incorporar funcionalidades
en sus sitios de otros proveedores de contenidos como Twitter o Facebook.
·
Marcos de trabajo y librerías de terceros que puedes aplicar a tu HTML
para que puedas construir y publicar rápidamente sitios y aplicaciones.
Ya que se supone que este artículo es sólo una introducción ligera a
JavaScript, no vamos a confundirte en esta etapa hablando en detalle sobre cuál
es la diferencia entre el núcleo del lenguaje JavaScript y las diferentes
herramientas listadas arriba. Puedes aprender todo eso en detalle más tarde, en
nuestra Área de Aprendizaje en MDN,
y en el resto del MDN.
Debajo te presentaremos algunos aspectos del núcleo del lenguaje, y
también jugarás con unas pocas características del API del navegador.
Código
Éste sería el
método de JavaScript con el que se harían las diferentes operaciones:
function operaciones(op)
{
var ops =
{
sumar: function sumarNumeros(n1, n2) {
return (parseInt(n1) + parseInt(n2));
},
restar: function restarNumeros(n1, n2) {
return
(parseInt(n1) - parseInt(n2));
},
multiplicar: function multiplicarNumeros(n1, n2) {
return (parseInt(n1) * parseInt(n2));
},
dividir: function dividirNumeros(n1, n2) {
return (parseInt(n1) / parseInt(n2));
}
};
var num1
= document.getElementById("num1").value;
var num2
= document.getElementById("num2").value;
//Comprobamos
si se ha introducido números en las cajas
if (isNaN(parseFloat(document.getElementById('num1').value)))
{
alert("Indique un número en 'numero1'");
document.getElementById("num1").innerText
= "0";
document.getElementById("num1").focus();
} else if (isNaN(parseFloat(document.getElementById('num2').value)))
{
alert("Indique un número en 'numero2'");
document.getElementById("num2").innerText
= "0";
document.getElementById("num2").focus();
}
else {
//Si se
han introducido los números en ámbas cajas, operamos:
switch(op) {
case 'sumar':
var resultado = ops.sumar(num1,
num2);
alert (resultado);
break;
case 'restar':
var resultado = ops.restar(num1, num2);
alert (resultado);
break;
case
'multiplicar':
var resultado = ops.multiplicar(num1, num2);
alert(resultado);
break;
case
'dividir':
var resultado = ops.dividir(num1, num2);
alert(resultado);
break;
Lo que JavaScript puede hacer
Con JavaScript, podrá hacer muchas cosas para que
sus páginas Web sean más interactivas y proporcionen una experiencia más
interesante a los visitantes de su sitio.
JavaScript permite crear una interfaz de usuario
activa, lo que ofrece retroalimentación a los visitantes según navegan por sus
páginas.
Puede utilizar JavaScript para asegurarse de que
los usuarios introducen información válida en los formularios, lo que dará como
resultado ahorro en tiempo.
Si sus formularios requieren cálculos, puede
realizarlos con JavaScript en la computadora del usuario, sin necesidad de
realizar procesos del lado del servidor.
Existen una distinción que debe reconocer: los
programas que se ejecutan en la computadora del usuario se conocen como
programas del lado del cliente; los programas que se ejecutan en el
servidor se conocen con el nombre de programas del lado del servidor.
Con JavaScript puede crear sobre la marcha páginas
HTML personalizadas, dependiendo de las acciones ejecutadas por el usuario.
Suponga que está en un sitio de viajes y el usuario hace clic en Hawaii como
destino.
Puede hacer que las últimas ofertas de viajes a
Hawaii aparezcan en una ventana nueva. JavaScript controla el navegador, para
que pueda abrir ventanas nuevas, visualizar ventanas de alerta e insertar
mensajes personalizados en la barra de estado de la ventana del navegador.
Como JavaScript tiene un conjunto de funciones de
fecha y hora, puede generar documentos con relojes calendarios y hora.
También puede ocuparse de formularios, establecer
cookies, construir páginas HTML sobre la marcha y crear aplicaciones basadas en
la Web.
La historia del lenguaje JavaScript
empieza durante la década de los años 90, se
vivió un verdadero boom tecnológico,
el Internet cobró un protagonismo mayor a nivel mundial y la humanidad inició
formalmente su relación con las computadoras. Comenzaron a desarrollarse las
primeras aplicaciones web y las páginas web empezaron a incorporar elementos
adicionales a su arquitectura, como por ejemplo, formularios complejos.
El surgimiento de aplicaciones web más
sofisticadas acompañadas de una velocidad para navegar bastante lenta (28.8
kbps.) originó la necesidad de concebir un lenguaje de programación que se
ejecutara en el mismo navegador, con el objetivo de optimizar el tiempo de
navegación de los usuarios; por ejemplo, si un usuario ingresaba de forma
incorrecta su información en un formulario, no tendría que esperar mucho tiempo
para detectar y corregir los errores.
Fue entonces que la idea del JavaScript
empezó a invadir la cabeza del conocido programador Brendan Eich, empleado de
Netscape, una sólida empresa estadounidense de software, que por aquellos
momentos estaba por lanzar el navegador Netscape Navigator 2.0.
A la sazón, Brendan pensó que la mejor
solución para los problemas tecnológicos que se tenían, era la mezcla de varias
tecnologías existentes con dicho navegador. Y fue así que antes de 1995, el
brillante programador produjo su innovadora creación, un lenguaje que denominó
LiveScript, el cual cambiaría su nombre por JavaScript para darse a conocer y
beneficiar al mundo.
Desde el comienzo, la versión inicial
de JavaScript tuvo mucho éxito y fue muy bien recibida, por lo que cuando se
lanzó Netscape Navigator 3.0 también incluyó el JavaScript 1.1 que era la
última versión. Simultáneamente, Microsoft lanzó el lenguaje JScript, una copia
del JavaScript con diferente nombre para acompañar su navegador Internet
Explorer 3 sin tener que sustentar ningún tipo de problema legal.
Posteriormente, en el año de 1997, la
empresa Netscape estandarizó el lenguaje JavaScript en su versión 1.1 con el
objetivo de neutralizar una posible contienda tecnológica. El organismo ECMA (European Computer Manufacturers Association)
y el comité TC39 definieron que estandarizar era la mejor decisión, por lo que
se inauguró el término ECMAScript para el estándar de aquel lenguaje script
multiplataforma, independiente de cualquier empresa. Es por eso que actualmente
al lenguaje JavaScript, muchos lo conocen en el mundo de la programación, con
el nombre de lenguaje ECMAScript.
Código
function operaciones(op)
{
var ops =
{
sumar: function sumarNumeros(n1, n2) {
return (parseInt(n1) + parseInt(n2));
},
restar: function restarNumeros(n1, n2) {
return
(parseInt(n1) - parseInt(n2));
},
multiplicar: function multiplicarNumeros(n1, n2) {
return (parseInt(n1) * parseInt(n2));
},
dividir: function dividirNumeros(n1, n2) {
return (parseInt(n1) / parseInt(n2));
}
};
var num1
= document.getElementById("num1").value;
var num2
= document.getElementById("num2").value;
//Comprobamos
si se ha introducido números en las cajas
if (isNaN(parseFloat(document.getElementById('num1').value)))
{
alert("Indique un número en 'numero1'");
document.getElementById("num1").innerText
= "0";
document.getElementById("num1").focus();
} else if (isNaN(parseFloat(document.getElementById('num2').value)))
{
alert("Indique un número en 'numero2'");
document.getElementById("num2").innerText
= "0";
document.getElementById("num2").focus();
}
else {
//Si se
han introducido los números en ámbas cajas, operamos:
switch(op) {
case 'sumar':
var resultado = ops.sumar(num1,
num2);
alert (resultado);
break;
case 'restar':
var resultado = ops.restar(num1, num2);
alert (resultado);
break;
case
'multiplicar':
var resultado = ops.multiplicar(num1, num2);
alert(resultado);
break;
case
'dividir':
var resultado = ops.dividir(num1, num2);
alert(resultado);
break;
Lo que JavaScript puede hacer
Con JavaScript, podrá hacer muchas cosas para que
sus páginas Web sean más interactivas y proporcionen una experiencia más
interesante a los visitantes de su sitio.
JavaScript permite crear una interfaz de usuario
activa, lo que ofrece retroalimentación a los visitantes según navegan por sus
páginas.
Puede utilizar JavaScript para asegurarse de que
los usuarios introducen información válida en los formularios, lo que dará como
resultado ahorro en tiempo.
Si sus formularios requieren cálculos, puede
realizarlos con JavaScript en la computadora del usuario, sin necesidad de
realizar procesos del lado del servidor.
Existen una distinción que debe reconocer: los
programas que se ejecutan en la computadora del usuario se conocen como
programas del lado del cliente; los programas que se ejecutan en el
servidor se conocen con el nombre de programas del lado del servidor.
Con JavaScript puede crear sobre la marcha páginas
HTML personalizadas, dependiendo de las acciones ejecutadas por el usuario.
Suponga que está en un sitio de viajes y el usuario hace clic en Hawaii como
destino.
Puede hacer que las últimas ofertas de viajes a
Hawaii aparezcan en una ventana nueva. JavaScript controla el navegador, para
que pueda abrir ventanas nuevas, visualizar ventanas de alerta e insertar
mensajes personalizados en la barra de estado de la ventana del navegador.
Como JavaScript tiene un conjunto de funciones de
fecha y hora, puede generar documentos con relojes calendarios y hora.
También puede ocuparse de formularios, establecer
cookies, construir páginas HTML sobre la marcha y crear aplicaciones basadas en
la Web.
Comentarios
Publicar un comentario