Matching passwords

Two passwords fields and a check that they match.

Demo

Code

render(lux: Lux): Unit {
    function passwordInput(password: String, setPassword: String => Unit) {
        lux.div {
            lux.input {
                lux.set("type", "password")
                lux.set("autocomplete", "new-password")
                lux.setValue(password)
                lux.onInput {event =>
                    setPassword(event.text())
                }
            }
        }
    }
    lux.form {
        lux.useState(""): password1, setPassword1 => 
        lux.useState(""): password2, setPassword2 => 
        passwordInput(password1, setPassword1)
        passwordInput(password2, setPassword2)
        lux.div {
            if(password1 != password2) {
                lux.text("Passwords don't match!")
            } elseIf {password2.size() != 0} {
                lux.text("Passwords match!")
            }
        }
    }
}