mhtml - text input 읽기

코드

import mhtml._
import org.querki.jquery.$

<div>
  <div class="ui input">
    <input id="id_query" type="text" placeholder="Search..." style="width:100px;"/>
  </div>

  <button class="ui primary button" onclick={ () =>
    val query = $("#id_query").`val`().asInstanceOf[String]
    if (query.trim.nonEmpty) { queryVar := Some(query.trim) } else { queryVar := None }
  }>Submit</button>
</div>

<div class="ui input">
  <input type="text" placeholder="Search..." style="width:100px;" oninput={
    (e: js.Dynamic) => queryVar := e.target.value.asInstanceOf[String]
  }/>
</div>