Explicação Técnica das Funções JavaScript Utilizadas
[Link]("pegaNome")
Retorna uma referência ao elemento com o ID especificado. Usado para capturar o
formulário de login.
Tipo de retorno: HTMLElement.
Documentação:
[Link]
addEventListener("submit", (e) => {...})
Adiciona um ouvinte de evento ao formulário que executa a função quando o formulário é
enviado.
Documentação:
[Link]
[Link]()
Impede o comportamento padrão do formulário, como o recarregamento da página.
Documentação:
[Link]
[Link]
Acessa o valor digitado no campo do formulário com o atributo name="nome".
Documentação: [Link]
[Link]("nome", nome)
Salva uma string no armazenamento local do navegador com a chave 'nome'.
Documentação: [Link]
[Link]("nome")
Recupera o valor associado à chave 'nome' no armazenamento local.
Documentação: [Link]
setTimeout(() => { [Link] = "[Link]"; }, 500)
Executa a função fornecida após 500 milissegundos, redirecionando para outra página.
Documentação: [Link]
[Link]("ocultar")
Remove a classe CSS 'ocultar' do elemento, tornando-o visível.
Documentação: [Link]
[Link][1].textContent = nome
Define o texto do segundo nó filho do elemento com o nome do usuário. childNodes inclui
nós de texto, espaços e elementos.
Documentação: [Link]
[Link]([Link]("ranking"))
Converte a string JSON armazenada no localStorage em um objeto JavaScript (array de
jogadores).
Documentação: [Link]
Global_Objects/JSON/parse
[Link]((a, b) => [Link] - [Link])
Ordena o array de jogadores com base na pontuação em ordem decrescente.
Documentação: [Link]
Global_Objects/Array/sort
[Link]("div")
Cria um novo elemento <div> dinamicamente.
Documentação:
[Link]
[Link]("rank-item")
Adiciona a classe 'rank-item' ao elemento para aplicar estilos CSS.
Documentação: [Link]
[Link] = ...
Define o conteúdo HTML interno da <div> com nome e pontos do jogador.
Documentação: [Link]
[Link](div)
Adiciona o elemento <div> criado como filho do container do ranking.
Documentação: [Link]
📘 title
Descrição: Define o título principal do modal.
Tipo: String ou HTMLElement
Exemplo: "Começar a jogar?"
📘 icon
Descrição: Define o ícone a ser exibido no alerta.
Valores possíveis: "success", "error", "warning", "info", "question"
Tipo: String
Exemplo: "question"
📘 showCancelButton
Descrição: Exibe o botão de cancelamento.
Tipo: Boolean
Padrão: false
Exemplo: true
📘 confirmButtonText
Descrição: Texto exibido no botão de confirmação.
Tipo: String
Padrão: "OK"
Exemplo: "Sim"
📘 cancelButtonText
Descrição: Texto exibido no botão de cancelamento.
Tipo: String
Padrão: "Cancel"
Exemplo: "Não"
📘 allowOutsideClick
Descrição: Permite ou impede que o usuário feche o alerta clicando fora dele.
Tipo: Boolean ou Function
Padrão: true
Exemplo: false
📘 backdrop
Descrição: Exibe ou não o fundo escurecido atrás do alerta (aquela camada cinza).
Tipo: Boolean ou String (pode ser uma cor ou imagem também)
Padrão: true
Exemplo: false → remove o fundo
