script.js

function calcularResultado(number) {
    let resultado = 0; 
    let divisoresAnterior = 0;

    for (let i = 1; i < number; i++) {
        let divisoresAtual = 0; // Torna 0 o número de divisores do número atual em instância, no caso, da variável i
    
        // Algorítmo que calcula o número de divisores de i de forma eficiente
        let limit = parseInt(Math.sqrt(i));
        for (let k = 1; k < limit+1; k++) {
            if (i % k == 0) { 
                divisoresAtual++;
                if (k != i/k) {
                    divisoresAtual++;
                }
            }
        };

        /* Se o número de divisores do valor atual de i for igual ao número de divisores do valor anterior de i,
        o valor de resultado será incrementado em 1 pois o número anterior é uma resposta correta */
        if (divisoresAtual == divisoresAnterior) {
            resultado++;
        };
    
        // Ao fim da instância, o número de divisores do valor atual de i é passado para divisoresAnterior
        divisoresAnterior = divisoresAtual;
    }

    return resultado // Retorna o resultado da operação
}
function mostrarResultados(numero, resultado, tempoDecorrido) {
    
    console.log("🚀 Resultado = ", resultado)
    console.log("🚀 Tempo decorrido = ", tempoDecorrido)
    
    let numeroFormatado = numero.toString().replace(/\B(?=(\d{3})+(?!\d))/g, '.');
    let resultadoFormatado = resultado.toString().replace(/\B(?=(\d{3})+(?!\d))/g, '.');
    let tempoFormatado = (tempoDecorrido/1000).toFixed(4).toString().replace('.', ',');

    // Envia as strings com os valores formatados para o site
    document.getElementById("table-number").innerHTML = numeroFormatado;
    document.getElementById("table-result").innerHTML = resultadoFormatado;
    document.getElementById("table-time").innerHTML = tempoFormatado + ' s';

    let texto = document.getElementById("texto-detalhes");
    texto.innerHTML = `Existem <span>${resultadoFormatado}</span> números menores que <span>${numeroFormatado}</span> que possuem o mesmo número de divisores que seu respectivo inteiro consecutivo. O algorítmo processou esse resultado em <span>${tempoFormatado} segundo(s)</span>.`;
}


let form = document.getElementById("form");
form.addEventListener('submit', function(event) {
    event.preventDefault(); // Previne que a página recarregue quando o usuário submeter sua resposta

    let numero = document.getElementById("number-input").value; // Recebe o número digitado pelo usuário
    
    let inicio = performance.now(); // Armazena o instante de inicialização do loop para a solução do problema
    let resultado = calcularResultado(numero);
    let fim = performance.now(); // Armazena o instante final em que o loop terminou de ser executado
    
    let tempoDecorrido = fim - inicio // Calcula o tempo para a solução

    mostrarResultados(numero, resultado, tempoDecorrido);
})

/* Botão de explicação */
let questionButton = document.getElementById("duvidas-button");
let janelaDuvidas = document.getElementById("janela-duvidas");
questionButton.addEventListener('click', function(event) {
    if (window.getComputedStyle(janelaDuvidas).visibility == 'hidden') { // Se o atributo visibility da janela está em hidden
        janelaDuvidas.style.visibility = 'visible';
    } else if (window.getComputedStyle(janelaDuvidas).visibility == 'visible') { // Se o atributo visibility da janela está em visible
        janelaDuvidas.style.visibility = 'hidden';
    }
})
let closeButton = document.getElementById("close-icon-wrapper");
closeButton.addEventListener('click', function(event) {
    janelaDuvidas.style.visibility = 'hidden';
});