Latihan 2: Memos — SolidJS

Latihan 2 dari materi Memos di SolidJS — praktek dengan editor kode interaktif, test case otomatis, dan hint terpandu. Langsung jalan di browser.

Kode awal punya signal count mulai dari 5, paragraf <p>{count()} is {isEven() ? "Genap" : "Ganjil"}</p>, dan tombol +1 yang menaikkan count. Yang belum ada: isEven. Biarkan paragraf dan tombolnya seperti itu.

Tambahkan createMemo ke baris import: import { createSignal, createMemo } from "solid-js".
Di bawah signal, buat memo: const isEven = createMemo(() => count() % 2 === 0).

Yang dicek:

Sebelum diklik, <p> berisi persis 5 is Ganjil.
Kodemu memanggil createMemo(...).
Sesudah tombol diklik sekali, <p> berisi persis 6 is Genap.

Hint

isEven adalah nilai yang dihitung dari count. Kalau dibuat sebagai memo, ia ikut berubah tiap count berubah.
Import createMemo dari solid-js, lalu di bawah signal tulis const isEven = createMemo(...) yang mengembalikan apakah count() habis dibagi 2.
const isEven = createMemo(() => count() % 2 === 0)

</> { } .css => #id fn()

Versi baru

HyperSheets

bagian dari BelajarWeb.dev

0%

Membuka gerbang…