0% encontró este documento útil (0 votos)
3 vistas2 páginas

Java Script

El documento proporciona una introducción a JavaScript, incluyendo el uso de alert() para mostrar mensajes, la manipulación de eventos con el atributo onclick, y la declaración de variables. También se abordan las mejores prácticas de codificación, el uso de funciones, y la entrada del usuario mediante la función prompt(). Se incluyen ejemplos prácticos para ilustrar cada concepto.

Cargado por

adrixogonzales
Derechos de autor
© All Rights Reserved
Nos tomamos en serio los derechos de los contenidos. Si sospechas que se trata de tu contenido, reclámalo aquí.
Formatos disponibles
Descarga como PDF, TXT o lee en línea desde Scribd
0% encontró este documento útil (0 votos)
3 vistas2 páginas

Java Script

El documento proporciona una introducción a JavaScript, incluyendo el uso de alert() para mostrar mensajes, la manipulación de eventos con el atributo onclick, y la declaración de variables. También se abordan las mejores prácticas de codificación, el uso de funciones, y la entrada del usuario mediante la función prompt(). Se incluyen ejemplos prácticos para ilustrar cada concepto.

Cargado por

adrixogonzales
Derechos de autor
© All Rights Reserved
Nos tomamos en serio los derechos de los contenidos. Si sospechas que se trata de tu contenido, reclámalo aquí.
Formatos disponibles
Descarga como PDF, TXT o lee en línea desde Scribd

JavaScript

*************ALERT()************†******
alert()se usa para mostrar texto en una ventana flotante.
Ejem
alert("hola amigos");

*************Atributo ONCLICK=''**********
Reacciona a la acción del usuario al darle click.
Ejemplo
<button onclick="alert("hola amigo")>SALUDO</button>

Ejemplo
Cambiar el tamaño de una imagen
<img src="[Link]
onclick='width=500'>

Ejemplo
Cambiar la URL
<img src="url 1"
onclick='src="URL 2"'>

*************†CODIGO JS******†*******
En línea
Ejm
<button onclick="código JS">hola</button>

Interno
Ejem
<script>
[Link]("hola");
</script>

************DATOS Y VARIABLES********
Tipe número..... let uno= 1;
Tipo string..........let string="hola".

....Variables guardan datos y tmb se cambian


Ejm
let uno=1;
let dos=2;
uno="uno";

alert(uno+"="+uno);
*******SELECCIONAR ETIQUTAS******†****
getElementById... seleccioná etiqueta con ID

***************textContent**********†****
.........textContent: se utiliza para acceder al contenido de texto de un elemento

***************FUNCIONES JS*************
Se usa para una tarea específica al ser llamada

Ejemplo
<p id="p1">Text</p>
<button onclick = 'myFunction()'>
Click to style the paragraph
</button>

<script>
function myFunction() {
let x = [Link]("p1");
[Link] = "green";
[Link] = "dashed";
}
</script>

....................[Link]()..........................
Sirve para mostrar un mensaje enlq consola del navegador

..............................alert()................................
Sirve para mostrar una ventana flotante en el navegador mostrando un mensaje

********""**MEJORES PRÁCTICAS JS*******


1. El codigo interno en js debe ir al final de body
2. Código externo: debe ir en el head o al final del body
Ejemplo
<script src="[Link]"></script>
3. Código inline: dentro de las etiquetas de Html con un atributo de eventos onclick()
[Link] código debe estar comentado
5. Debe de tener una identacion.

...............COMENTARIOS EN JS..................
// para hacer comentarios

.......................VARIABLES...........................
Los nombres de las variables pueden comenzar y contener letras, guiones bajos (_), o signos de dólar ($).

Un nombre de variable puede contener pero no puede comenzar con un número.

...............ENTRADA DEL USUARIO...................


La función prompt() solicita al usuario una entrada.
Ejemplo

HTML.....
<button onclick="prompt()">
Click to enter your name</button>

JS.....
let userName = prompt("Please enter your name");
[Link]('userName').textContent = userName;

................................VALUE.................................
Para obtener el valor de una entrada de usuario o el contenido de un elemento html

Ejem
let input3 = [Link]("t2");
[Link]([Link]);

También podría gustarte