Примеры
Все демо ниже — живые: они работают на той же сборке, что вы скачиваете.
Счётчик
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());