Var.updater() 사용하기

문제

laminar counter example 처럼 event 를 모은 후 foldLeft 로 합산해 counter 를 만들 수 있다. 여기서는 Var.updater 를 활용해 구현해 보자

코드

import com.raquo.laminar.api.L._
import org.scalajs.dom
import org.scalajs.dom.MouseEvent

object Main {
  def main(args: Array[String]): Unit = {
    val totalVar  = Var(0)
    val incButton = button("+", onClick --> totalVar.updater((current, _: MouseEvent) => current + 1))
    val decButton = button("-", onClick --> totalVar.updater((current, _: MouseEvent) => current - 1))

    val content = div(
      incButton,
      decButton,
      br(),
      label("total: "),
      span(
        child.text <-- totalVar.signal.map(_.toString)
      )
    )

    val containerNode = dom.document.getElementById("main_content")
    render(containerNode, content)
  }
}

결과