Práctica Con JavaScript

UNIVERSIDAD TÉCNICA DE AMBATO
FACULTAD DE INGENIERÍA EN SISTEMAS, ELECTRÓNICA E INDUSTRIAL

Carrera: Telecomunicaciones – Módulo: Comunicaciones Avanzadas
Docente: Ing. Santiago Manzano
JavaScript
JavaScript (JS) es un lenguaje de programación interpretado, dialecto del estándar ECMAScript.

Se define como orientado a objetos, basado en prototipos, imperativo, débilmente tipado y
dinámico.
Se utiliza principalmente del lado del cliente, implementado como parte de un navegador web
permitiendo mejoras en la interfaz de usuario y páginas web dinámicas y JavaScript del lado del
servidor (SSJS). Su uso en aplicaciones externas a la web por ejemplo, en documentos PDF,
aplicaciones de escritorio (widgets) es también significativo.
JavaScript se diseñó con una sintaxis similar a C (cita requerida), aunque adopta nombres y
convenciones del lenguaje de programación Java. Sin embargo, Java y JavaScript tienen
semánticas y propósitos diferentes.
Todos los navegadores modernos interpretan el código JavaScript integrado en las páginas web.
Para interactuar con una página web se provee al lenguaje JavaScript de una implementación
del Document Object Model (DOM).
Tradicionalmente se venía utilizando en páginas web HTML para realizar operaciones y

únicamente en el marco de la aplicación cliente, sin acceso a funciones del servidor.
Actualmente es ampliamente utilizado para enviar y recibir información del servidor junto con
ayuda de otras tecnologías como AJAX. JavaScript se interpreta en el agente de usuario al mismo
tiempo que las sentencias van descargándose junto con el código HTML.
Comandos de JavaScript
JavaScript (JS) es un lenguaje de programación interpretado. Para más información de JavaScript

dirigirse al siguiente enlace: https://www.w3schools.com/js/js_intro.asp
Paso 1: Creamos los archivos
Se desarrollará un archivo .html (HTML) y posterior uno .js (JavaScript)
Paso 2: Dentro del .html
Se creara un atributo <script src=”app.js”></script> para llamar al archivo .js
Paso 3: Dentro de .js

console.log(“Hola mundo”); para imprimir por consola
const nombre =”Jonathan”; para crear una constante
let trabajo=true; para crear una constante booleana
console.log(sueldo + ”” + trabajo); para concatenar dos o más variables
consle.log(typeof(trabajo)); para saber qué tipo de constante es
// para establecer comentarios
let a=5; para una variable numérica
let suma = a+b; para una función de suma
a) Creación de una función

Funcion normal
function funcion (msj){
return msj;
} ;
Funcion tipo flecha
const funcionnombre = (msj1) => (msj1) ;
b) Declarar un objeto con varios parámetros

const funcion = {
parámetros: 123;
};
c) Para imprimir
console.log(función.parametros);
d) Para obtener los datos en variables

const {parametros}=funcionnombre;
console.log(parametros);
e) Para una función tipo flecha y que nos retorne los datos
const retornados = (funcion) => {
return {
parametro1: parámetro,
parametro2:parámetro
};
};
f) Para retornar más valores de una función

const retornados = ({parámetro,parametro}) => {
return {
parametro1: parámetro,
parametro2:parámetro
};
};
console.log(retornados(funcion))
g) Para llamar los parámetros de la función y poder imprimir, separar los datos en variables
const {parametro1,parametro2} = retornados{funcion};
const.log(parametro1);
Paso 4: Dentro de .html
Generaremos etiquetas como <h1>Hola</h1>
Generaremos un botón con el nombre aceptar <button id=”aceptar”>OK</button>
Paso 5: Dentro de .js
console.log(document.title); accedemos a las etiquetas que maneja html
document.title = “parámetro a cambiar”; Para cambiar la etiqueta
const etiquetah1=document.getElementsByTagName(‘h1’); Para obtener la

etiqueta por el tag asignado.
etiquetah1[0].innerHTML=”Nuevo texto”; Para cambiar el texto de la etiqueta
const b1=document.getElementsById(‘aceptar’); Para obtener la etiqueta por

el nombre asignado o id.
const funcion = ( ) =>{
funcion que se desea desarrollar;

};
b1.addEventListener(‘click’,funcion); Esto se desarrolla para realizar una

función en correspondencia al click

Práctica Con JavaScript

Cargado por

Copyright:

Formatos disponibles

Práctica Con JavaScript

Cargado por

Información del documento

Descripción original:

Título original

Derechos de autor

Formatos disponibles

Compartir este documento

Compartir o incrustar documentos

Opciones para compartir

¿Le pareció útil este documento?

¿Este contenido es inapropiado?

Copyright:

Formatos disponibles

Práctica Con JavaScript

Cargado por

Copyright:

Formatos disponibles

UNIVERSIDAD TÉCNICA DE AMBATO

FACULTAD DE INGENIERÍA EN SISTEMAS, ELECTRÓNICA E INDUSTRIAL

JavaScript (JS) es un lenguaje de programación interpretado, dialecto del estándar ECMAScript.

Tradicionalmente se venía utilizando en páginas web HTML para realizar operaciones y

JavaScript (JS) es un lenguaje de programación interpretado. Para más información de JavaScript

Paso 1: Creamos los archivos

Se desarrollará un archivo .html (HTML) y posterior uno .js (JavaScript)

Paso 2: Dentro del .html

Se creara un atributo <script src=”app.js”></script> para llamar al archivo .js

Paso 3: Dentro de .js

console.log(“Hola mundo”); para imprimir por consola

const nombre =”Jonathan”; para crear una constante

let trabajo=true; para crear una constante booleana

console.log(sueldo + ”” + trabajo); para concatenar dos o más variables

consle.log(typeof(trabajo)); para saber qué tipo de constante es

// para establecer comentarios

let a=5; para una variable numérica

let suma = a+b; para una función de suma

a) Creación de una función

b) Declarar un objeto con varios parámetros

d) Para obtener los datos en variables

f) Para retornar más valores de una función

Paso 4: Dentro de .html

Generaremos etiquetas como <h1>Hola</h1>

Generaremos un botón con el nombre aceptar <button id=”aceptar”>OK</button>

Paso 5: Dentro de .js

console.log(document.title); accedemos a las etiquetas que maneja html

document.title = “parámetro a cambiar”; Para cambiar la etiqueta

const etiquetah1=document.getElementsByTagName(‘h1’); Para obtener la

etiquetah1[0].innerHTML=”Nuevo texto”; Para cambiar el texto de la etiqueta

const b1=document.getElementsById(‘aceptar’); Para obtener la etiqueta por

funcion que se desea desarrollar;

b1.addEventListener(‘click’,funcion); Esto se desarrolla para realizar una

También podría gustarte