Reestudando o curso de JS com o curso da Origamid.
Bloco de código que pode ser executado e reutilizado, Valores podem ser passador por uma função e a mesma retorna outro valor.
Ao criar uma função, você pode definir os parâmetros.
Ao executar uma função, você pode definir os argumento.
Variáveis e funções definidas dentro de um bloco {}, não são visíveis fora dele.
Conjunto de variáveis e funções, que são chamadas de propriedades e métodos.
Strings, Números, Booleanos, Objetos e mais, possuem propriedades e métodos. Por isso são objetos.
Um grupo de valores geralmente relacionados. Servem para guardarmos diferente valores em uma única variável.
Fazem algo repetidamente até que uma condição seja atingida
O loop irá parar caso encontro e palavra break.
forEach é um método que executa uma função para cada item da Array. É uma forma mais simples de utilizarmos um loop com arrays (ou array-like)
const fruits = ["Banana", "Apple", "Stranberry", "Pineapple"];
fruits.forEach(function (fruit, index) {
console.log(index, fruit);
});Abreviação de condicionais com if e else
const age = 19;
const canDrink = idade >= 18 ? "Can drink" : "Cannot Drink";
console.log(canDrink); // Can drink
// condition ? true : falseDocument Object Model
É uma interface que representa documentos HTML e XML através de objetos. Com ela é possível manipular a estrutura, estilo e conteúdo destes documentos.
Toda tag html é representada pelo objeto Element e por isso herda os seus métodos e propriedades. Element é um tipo de objeto Node.
Constantemente vamos selecionar uma lista de itens do dom. A melhor forma para interagirmos com os mesmos é utilizando o método forEach.
const imgs = document.querySelectorAll('img');
imgs.forEach(function(item){
console.log(item);
});
```Sintaxe curta em relação a function expression. Basta remover a palavra chave function e adicionar a fat arrow => após os argumentos.
const imgs = document.querySelectorAll('img');
imgs.forEach((item) => {
console.log(item);
});```Estas são propriedades e métodos dos objetos Element e HTMLElement, a maioria delas são Read Only.