formula_of_example.cljs

(ns view.index
  (:require
    [hoplon.core  :as h]
    [javelin.core :as j]))

(j/defc i 0)
(j/defc j 1)
(j/defc k 2)

(def formula-of-test (j/formula-of [i j k] (+ i j k)))

(defn formula-of-example
  []
  (h/div
    (h/h2 "formula-of")
    (h/div (h/text "i: ~{i} j: ~{j} k: ~{k}"))
    ; we should be able to see the result after `=`
    (h/div (h/text "~{i} + ~{j} + ~{k} = ~{formula-of-test}"))
    (h/button :click #(swap! i inc) "i++")
    (h/button :click #(swap! i dec) "i--")
    (h/button :click #(swap! j inc) "j++")
    (h/button :click #(swap! j dec) "j--")
    (h/button :click #(swap! k inc) "k++")
    (h/button :click #(swap! k dec) "k--")))

(.replaceChildren (.getElementById js/document "app")
    (formula-of-example))