Sintaxis de JavaScript
Cuando se trata de JavaScript, este se define en 2 tipos de valores, literales y variables.
Para los valores literales las 2 reglas que siempre se tienen que tener en cuenta son: los numeros se escriben con o sin decimal y que los strings son textos escritos entre comillas dobles o simples
24.50
50
"Riuske"
'Erick'En el caso de las variables estan se usan para almacenar datos. JavaScript usa las palabras claves var, let y const para declarar variables, el "=" es para asignar valores.
var costo = 90En caso de los operadores se utiliza: +, -, * y / para calcular variables
(5 + 4)*6-10/18Y en caso de querer poner comentarios se pueden utilizar // o /* al principio y */ al final
// esto funciona como comentario
/*O de esta manera*/En HTML, lo que es codigo JavaScript se inserta dentro de las etiquetas "Script".
<script>
document.getElementById("nose").innerHTML = "Ejemplo de Script";
</script>
Script también puede ser colocado tanto en el body como en el head. Al mismo tiempo pueden ser colocados en archivos externos.
En caso de que un script se coloque de forma externa, este puede ser referenciado ya sea con un URL, con un camino o sin tener un sendero.
<script src="https://www.youtube.com/watch?v=KXxXr0RxGDE"></script>
<script src="/js/myScript.js"></script>
<script src="myScript.js"></script>
Descripción de lo que se tiene que tener en cuenta a la hora de hacer declaraciones
Las declaraciones estan compuestas por valores, operadores, expresiones, palabras claves y comentarios. Dichas declaraciones son ejecutadas una por una en el mismo orden que son codificadas.
Los puntos y coma al final de cada ejecutable se encargan de separar las declaraciones de JavaScript. Cuando los ejecutables son se parados por punto y coma se permiten ubicar varias declaraciones en una linea.
var z = o;
let a; var o = 10;JavaScript tiene la función de agrupar declaraciones dentro de bloques de codigo dentro de llaves. Tiene el proposito de definir declaraciones que se ejecutan juntos.
function bloques(){
document.getElementById("demo1").innerHTML = "Si";
document.getElementByClassName("Lac")[12];
}| Palabras claves | Descripción |
| var | Declara variables |
| let | Declara bloques de variables | const | Declara un bloque de constante |
| if | Define un bloque de declaraciones que son ejecutados en una condición |
| switch | Define un bloque de declaraciones que son ejecutados en casos diferentes |
| for | Define un bloque de declaraciones que se ejecuta en un buqle |
| function | Declara una función |
| return | Sale de una función |
| try | Implementa un error que manera un bloque de declaraciones |
JavaScript despliega datos de diferentes maneras
JavaScript Output define las formas para mostrar la salida de un codigo. La salida puede mostrarse de cuatro maneras distintas.
innerHTML: Se utiliza para acceder a un elemento HTML.
document.getElementById("demo").innerHTML = "lo digo";document.write(): Se utiliza principalmente para propositos de prueba. En caso de que se utilice document.write() despues de un HTML, todos los HTML que existen se borraran.
document.write(elemento);window.alert(): muestra el contenido en una caja de alerta. Cabe aclarar que la palabra "window" se puede saltar al ser un objeto de alcance global.
window.alert("Alerta de prueba");
console.log(): Se ocupa para fines de depuración.
<script>
console.log(20+3);
</script>
Etiquetas para cambiar contenido en HTML
Usualmente el contenido de HTML se cambia con tags como p, span, etc. Sin embargo en JavaScript se utilizan lo que son los metodos DOM que son los que tienen acceso a los tags HTML.
Dentro de estos metodos tenemos getElementById() el cual retorna un elemento objeto que esta representando un elemento HTML con un id que combine con el objeto especifico.
document.getElementById("cambiar").innerHTML = "HTML JavaScript";Luego esta la etiqueta getElementByTagName que similar a como funciona getElementById, solo que retorna elementos con nombres de etiquetas parecidos
let elementos = document.getElementsByTagName(nombreTag);Tambien existe la etiqueta getElementByClassName que devuelve una lista de los elementos con el nodo especifico que contiene el nombre de la clase.
let elementos = document.getElementsByClassName(nombres);