Fjord v1.4.2

Примеры

Все демо ниже — живые: они работают на той же сборке, что вы скачиваете.

Счётчик

0
const s = Fjord.reactive({ n: 0 });
Fjord.effect(() => valEl.textContent = s.n);
incBtn.onclick = () => s.n++;
decBtn.onclick = () => s.n--;

Поле поиска

Длина запроса: 0

const s = Fjord.reactive({ q: "" });
input.oninput = () => s.q = input.value;
Fjord.effect(() => lenEl.textContent = s.q.length);

Вычисляемая корзина

Цена: Кол-во:

Итого: 300

const cart = Fjord.reactive({ price: 100, qty: 3 });
const total = Fjord.computed(() => cart.price * cart.qty);
Fjord.effect(() => totalEl.textContent = total());