JavaScript

Para converter string para números inteiros em JS podemos usar Number.paseInt(n) ou parseInt
Para converter string para números com vírgula, podemos usar Number.paseFloat(n) ou parseFloat
OBS: O ponto de casa decimal, é chamado de ponto flutuante, ou floating poin
parse é converter
Também pode se utilizar somente Number(n).
Para converter número para string podemos usar String(n) ou n.toString

Comandos JavaScript
window.alert() ou só alert()
Serve para mostrar uma janela de alerta sim, com um botão de ok para confirmar algo

window.confirm()
Serve para mostrar uma janela de pergunta simples, com um botão ok e cancel para confirmar algo

window.prompt
Uma caixa de pergunta simples, com uma área para escrever uma resposta

Definição de variável
var n = numero

var h = window,prompt('Qual o seu nome?')

Conversão de um tipo para outro

Para converter, pode ser convertido direto ou após:

Number(windo.prompt('Digite um número)) A resposta vai ser lida como um número, não como string

document.write('')
Aparece uma mensagem na tela, não como janela de alerta.
var nome = window.prompt('Qual é o seu nome?')
document.write( Olá, ${nome}, seu nome tem ${nome,length} letras. )
O ${} é utilizado para incorporar expressões diretamente na string utilizando mascadores de posição,
denotados por ${expressão}, para utiliza-lo nós utilizamos o acento grave no lugar das aspas. O cfrão
seguido por chaves ${} é usado para avaliar e incorporar expressões dinamicamente em literais de
modelo.
Exemplo:

Neste exemplo, as expressões ${name} e ${age} são avaliadas e substituídas por seus valores
correspondentes na string resultante. Isso permite uma concatenação de strings fácil e legível com
variáveis.
Utilizamos ${nome.toUpperCase()} para colocar tudo em maiúsculo ou ${nome.LowerCase()} para tudo
em minúsculo, e ${nome.length} para contar quantas letras tem

Tem também o document.writeln para pular para a linha de baixo

typeof
Serve para dizer qual o tipo primitivo da variável

Formatação de número
var n1 = 1545.5

vai aparecer exatamente desse jeito. Podemos utilizar n1.toFixed() para adicionar casas decimais

n1.toFixed(2)
'1545.50'
.replace() serve para reposicionar algo
n1.toFixed(2).replace('.', ',')
'1545,50'
Mas vamos supor que esse número seja um salário de alguém. Para mostrar o real e etc podemos
utilizar o .toLocaleString(' ', {}) isso é uma string localizada por parte do mundo. As aspas servem para a
localização e as {} servem para style
exemplo:
n1.toLocaleString('pt-BR', {style: 'currency', currency'BRL'})
'R$ 1,545,50'
Isso é um objeto em JavaScript

Operadores Lógicos
! (Negação)
Negação. Por exemplo: "Eu quero uma caneta mas ela NÃO pode ser azul" eu posso entregar de
qualquer cor, menos azul.
O operador de negação é um operador unário ou seja, só tem um operando. Então depois de !
colocamos true ou false, ou uma operação que vai dar true ou false
!true -> false (uma coisa que não é verdadeira é falsa)
!false -> true (uma coisa que não é falsa é verdadeira)

&& (Conjunção)
Conjunção é o "E" do javascript, só vai ser aceito se as duas requisições forem verdadeiras. Por
exemplo: "Eu quero uma caneta E uma preta" só vai ser aceito quando entregar as duas.
O operador de conjunção, é um operador binário, ou seja, tem dois valores lógicos, um de cada lado que
vai dar o resultado lógico da expressão
true && true -> true
true && false -> false
false && true -> false
false && false -> false

|| (Disjunção)
Disjunção é o "OU" do JavaScript, vai ser aceito se pelo menos uma das duas requisições forem
verdadeira. Por exemplo: "Eu quero uma caneta azul OU uma caneta vermelha" vai aceitar se for azul ou
vermelho e só vai ser recusado se for de cor diferente.
O operador de disjunção, assim como o de conjunção, é um operador binário, que tem dois valores
lógicos, um de cada lado que vai dar o resultado lógico da expressão
true || true -> true
true || false -> true
false || true -> true
false || false -> false

A ordem de execução é sempre os operadores aritméticos

sendo sempre feito na seguinte ordem: primeiro (), depois *
depois / % e por ultimo + -, depois os operadores relacionais e
por fim os operadores lógicos, que é feito sempre primeiro o
não(!), depois o e(&&) e por fim o ou(||)
Operadores ternário
Se chama assim pois tem 3 blocos, o bloco de teste, o bloco verdadeiro e o bloco falso.
teste ? true : false
Este é um teste lógico, o primeiro bloco é o teste, o segundo é o que vai acontecer quando o teste lógico
for verdadeiro e o último bloco é o que acontece se for falso

DOM
O que é DOM? DOM, é um acrônimo para Document Object Model, ou seja, um Modelo de Objetos para
Documentos. Basicamente é um conjunto de objetos dentro do navegador, que dá acesso aos
componentes internos do website, o DOM não funciona dentro do nodeJS por exemplo, ele só ele só
estra presente quando o JavaScript está sendo rodado no navegador.
O DOM é uma interface de proogramação para os documentos HTML e XML. Ele representa a página de
forma que os programas possam alterar a estrutura do documento, alterar o estilo e conteúdo. O DOM
representa o documento com nós e objetos, dessa forma, as linguagens de programação podem se
conectar à página.
Uma página web é um documento. Este documento pode ser exibido na janela do navegador ou como a
fonte HTML. Mas é o mesmo documento nos dois casos. O DOM representa o mesmo documento para
que possa ser manipulado. O DOM é uma representação orientada a objetos da página da web, que
pode ser modificada com uma linguagem de script como JavaScript.

Árvore DOM
Algo muito importante de se conhecer e saber fazer é a árvore Dom do seu site. A árvore DOM do seu
site começa da raiz, essa raiz é chamada de window, então tudo dentro do JavaScript, está dentro de um
objeto chamado window. Então a janela do navegador é um objeto DOM chamado window. Dentro do
window temos vários outros objetos, como o objeto location, que diz a localização do seu site, a URL, a
página atual, qual foi a página anterior, o document que é o documento atual, e a history, que vai
guardando de onde você veio e para onde você vai, o que facilita a navegação dentro do site. Existem
muitos outros além desses.
Dentro do document, no caso atual, temos o objeto html, que é muito importante, que é a parte de html
dentro do site. Dentro do html, temos dois outros objetos, ou "child" (filhos), que são o head e o body, que
são a parte de cabeçalho e a parte de corpo. Importante dizer, o head e o body são "child"(filhos) de html,
já o html por suas vez, é um "parent", um pai ou mãe de head e body, quem tá embaixo é child, quem tá
imediatamente em cima é parent. Então html é parent de body, e html é child de document. No nosso
documento, temos muitas tags, como meta, tittle e muitas outras. Já dentro do body, no documento atual
(revisaoaula09.html) nós temos, um "h1", dois "p"(parágrafos) e também uma "div", dentro do segundo
parágrafo(p) tem um filho, que é "strong"
Exemplo de Árvore DOM

Métodos de seleção dos elementos

Vale lembrar que qualquer coisa que aparece na árvore DOM é dito elemento. Podemos selecionar
esses elementos para navegar pela árvore DOM de várias maneiras, como por exemplo: por Marca ou
tag, por ID, por Nome, por Classe, por Seletor e muitas outras formas.
Essas seleções estão dentro de document e utilizamos da seguinte maneira:
Por Marca: getElementsByTagName()
Por ID: getElementById()
Por Nome: getElementsByName()
Por Classe: getElementsByClassName()
Por Seletor: querySelector() ou querySelectorAll()

HTML
<div>
É um container genérico para conteúdo de fluxo, que de certa forma não representa nada. Ele pode ser
utilizado para agrupar elementos para fins de estilo (usando class ou id), ou porque eles compartilham
valores de atributos, como lang. Ele deve ser utilizado somente quando não tiver outro elemento de
semântica (tal como <article> ou <nav> )
A tag div é uma abreviação para division, ou divisão em português, em HTML a tag é usada para agrupar
blocos de elementos e aplicar estilos CSS a eles