Explicação Técnica das Funções JavaScript Utilizadas
document.getElementById("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:
https://developer.mozilla.org/pt-BR/docs/Web/API/Document/getElementById
addEventListener("submit", (e) => {...})
Adiciona um ouvinte de evento ao formulário que executa a função quando o formulário é
enviado.
Documentação:
https://developer.mozilla.org/pt-BR/docs/Web/API/EventTarget/addEventListener
e.preventDefault()
Impede o comportamento padrão do formulário, como o recarregamento da página.
Documentação:
https://developer.mozilla.org/pt-BR/docs/Web/API/Event/preventDefault
e.target.nome.value
Acessa o valor digitado no campo do formulário com o atributo name="nome".
Documentação: https://developer.mozilla.org/pt-BR/docs/Web/API/HTMLFormElement
localStorage.setItem("nome", nome)
Salva uma string no armazenamento local do navegador com a chave 'nome'.
Documentação: https://developer.mozilla.org/pt-BR/docs/Web/API/Storage/setItem
localStorage.getItem("nome")
Recupera o valor associado à chave 'nome' no armazenamento local.
Documentação: https://developer.mozilla.org/pt-BR/docs/Web/API/Storage/getItem
setTimeout(() => { window.location.href = "perguntas.html"; }, 500)
Executa a função fornecida após 500 milissegundos, redirecionando para outra página.
Documentação: https://developer.mozilla.org/pt-BR/docs/Web/API/setTimeout
usuarioNome.classList.remove("ocultar")
Remove a classe CSS 'ocultar' do elemento, tornando-o visível.
Documentação: https://developer.mozilla.org/pt-BR/docs/Web/API/Element/classList
usuarioNome.childNodes[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: https://developer.mozilla.org/pt-BR/docs/Web/API/Node/childNodes
JSON.parse(localStorage.getItem("ranking"))
Converte a string JSON armazenada no localStorage em um objeto JavaScript (array de
jogadores).
Documentação: https://developer.mozilla.org/pt-BR/docs/Web/JavaScript/Reference/
Global_Objects/JSON/parse
rankingData.sort((a, b) => b.pontos - a.pontos)
Ordena o array de jogadores com base na pontuação em ordem decrescente.
Documentação: https://developer.mozilla.org/pt-BR/docs/Web/JavaScript/Reference/
Global_Objects/Array/sort
document.createElement("div")
Cria um novo elemento <div> dinamicamente.
Documentação:
https://developer.mozilla.org/pt-BR/docs/Web/API/Document/createElement
div.classList.add("rank-item")
Adiciona a classe 'rank-item' ao elemento para aplicar estilos CSS.
Documentação: https://developer.mozilla.org/pt-BR/docs/Web/API/DOMTokenList/add
div.innerHTML = ...
Define o conteúdo HTML interno da <div> com nome e pontos do jogador.
Documentação: https://developer.mozilla.org/pt-BR/docs/Web/API/Element/innerHTML
rankingList.appendChild(div)
Adiciona o elemento <div> criado como filho do container do ranking.
Documentação: https://developer.mozilla.org/pt-BR/docs/Web/API/Node/appendChild
📘 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
