const title = document.getElementById("title")
const msg = document.getElementById("msg")
const msg2 = document.getElementById("msg2")
const form = document.getElementById("form")
const input = document.getElementById("input")

function one() {
    msg.innerHTML = "what is your question for today?"
    msg2.innerHTML = "it should be a yes/no question."
    form.onsubmit = e => {
        e.preventDefault()
        input.value = ""
        two()
    }
}

function two() {
    msg.innerHTML = "what are some factors that affect that question?"
    msg2.innerHTML = "separate them with commas (',')."
    form.onsubmit = e => {
        e.preventDefault()
        three(input.value)
        form.remove()
    }
}

function three(factors) {
    factors = factors.split(",").map(x => x.trim())
    msg.innerHTML = "what the heck"
}

title.innerHTML = "machine learning™"
form.style.display = "block"
input.focus()

one()

@@ -660,135 +660,414 @@
     
-three(input.value)%0A        form.remove()%0A    %7D%0A%7D%0A%0Afunction three(factors) %7B%0A    factors = factors.split(%22,%22).map(x =%3E x.trim())
+const factors = input.value.split(%22,%22).map(x =%3E x.trim())%0A        if (factors.length %3E 10) %7B%0A            msg2.innerHTML = %22that's too many factors.%22%0A            return%0A        %7D%0A        if (factors.find(x =%3E x === %22%22) !== undefined) %7B%0A            msg2.innerHTML = %22you can't have an empty factor.%22%0A            return%0A        %7D%0A        form.remove()%0A        three(factors)%0A    %7D%0A%7D%0A%0Afunction three(factors) %7B
 %0A   
@@ -1099,16 +1099,41 @@
 e heck%22%0A
+    console.log(factors)%0A
 %7D%0A%0Atitle

improve some things