How do you read the content of an input field with Mint?

[serge-hulne]

I tried the snippet hereunder (with and without the backticks), but it doesn't appear to be the right syntax:

component Main {
  fun handleClick {
    Debug.log(`myInput.value`)
  }

  fun render : Html {
    <div>
      <input as myInput/>
      <button onClick={handleClick}>
        "Get input content"
      </button>
    </div>
  }
}

[gdotdesign]

This is how you use references (myInput):

component Main {
  fun handleClick (event : Html.Event)  {
    try {
      value = 
        case (myInput) {
          Maybe::Just(element) => Maybe::Just(Dom.getValue(element))
          Maybe::Nothing => Maybe::Nothing
        }

      Window.alert(Maybe.withDefault("", value))
    }
  }

  fun render : Html {
    <div>
      <input as myInput/>
      <button onClick={handleClick}>
        "Get input content"
      </button>
    </div>
  }
}

You can see it working here: https://sandbox.mint-lang.com/sandboxes/EWTecSzsyNdVIg
And here is the documentation page about them: https://mint-lang.com/guide/reference/components/referencing-entities

[serge-hulne]

I understand. Thanks you very much!