Random Choice Picker using HTML CSS and JavaScript

// Filename - script.js

// To target the input text area
const text_area = document.getElementById("text_area");
// To target the choices
const choices_el = document.getElementById("choices");

// For highlighting the choices
const highlightChoice = (choice) => {
    choice.classList.add("answer");
}

// For removing the highlighting of the choices
const unHighlightChoice = (choice) => {
    choice.classList.remove("answer");
}

// For randomly picking one choice
const pickRandomChoice = () => {
    const choices = document
        .querySelectorAll(".choice");
    return choices[Math.floor(Math.random()
        * choices.length)];
}

// For showing the choices as user input them
const createChoices = (input) => {
    // splitting the text from each comma
    const choices = input
        .split(",")
        .filter((tag) => tag.trim() !== "")
        .map((tag) => tag.trim());

    // resetting the choices
    choices_el.innerHTML = "";

    // updating the choices
    choices.forEach((tag) => {
        const temp = document.createElement("span");
        temp.classList.add("choice");
        temp.innerText = tag;
        choices_el.append(temp);
    });

    return choices.length;
}

// For creating the animation of selecting a random choice
const randomSelect = (choices) => {
    // No. of times the animation is shown
    const times = Number(choices) * 3;

    // Time period for the highlighting effect
    const int = 150;

    // For Showing the highlighting effect 
    // on random choices at given interval
    const interval = setInterval(() => {
        // randomly select a tag
        const randomTag = pickRandomChoice();

        //highlight
        highlightChoice(randomTag);

        //unhighlight
        setTimeout(() => {
            unHighlightChoice(randomTag);
        }, int);
    }, int);

    // For showing the final choice(answer)
    setTimeout(() => {
        clearInterval(interval);
        setTimeout(() => {
            // randomly select a choice
            const randomTag = pickRandomChoice();

            // Highlight the final choice (answer)
            highlightChoice(randomTag);
        }, int);
    }, int * times);
}

text_area.addEventListener("keyup", (event) => {
    // show the choices as user input them
    let choices = createChoices(event.target.value);

    // whenever the "Enter" key is pressed
    if (event.key === "Enter") {
        // clear the input text area
        event.target.value = "";
        // randomly select one choice
        randomSelect(choices);
    }
});