cond_tpl_example.cljs

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

(j/defc cond-tpl-number 4)
(j/defc= is-4 (= cond-tpl-number 4))

(defn cond-tpl-example
  []
  (h/div
    (h/h2 "cond-tpl")
    (h/p (h/text "the number is: ~{cond-tpl-number}"))
    ; this form should show in the ui but doesn't
    (h/cond-tpl is-4 (h/div "totally random!")
                (j/cell= (= cond-tpl-number 0)) (h/div "something went wrong...")
                (j/cell= (> cond-tpl-number 1)) (h/div "balloons")
                :else (h/div "bananas"))
    (h/button :click #(reset! cond-tpl-number (rand-int 5))
      "Change condition result")))
                 
(.replaceChildren (.getElementById js/document "app")
    (cond-tpl-example))