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]);