pick() in state()

expressionsince 0.5experimentalrequires runtime

In state() and in mutations: one value at random each time the expression is evaluated, once per owner in state(), at every event in set().

On this page · 8 sections+

Syntax

pick(<value>, …) | pick(split(<text>, "<delimiter>"))

registry syntax: pick(value, ...) | pick(split(text, "delimiter"))

valuesliterals of one type, or split(…)one or more: All values must have the same type.

One of the values. With nothing to pick, set() changes nothing and state() starts as "".

dice.cssreactive

.die {  --face: state(1);}.die:on(click) {  --face: set(pick(1, 2, 3, 4, 5, 6));}

state()Function · hover any red tokenMakes each matching element the owner of an independent state with an initial value.Reference →

In state() each owner picks once, when its state is created.
In set() a new value is picked on every event.
In an :on() mutation, --face: set(pick(1, 2, 3, 4, 5, 6)) picks a new value at each event.

The initial value of --x: state(…), the expression of an :on() mutation. In other declarations pick() is the stable value function: see pick().

Experimental · syntax may change between minor versions