Latihan 1: Signals — SolidJS

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

Kode awal punya App dengan <div> berisi <button>+1</button>. Jadikan tombol itu counter:

Di awal App, buat signal mulai dari 0: const [count, setCount] = createSignal(0). Baris import { createSignal } from "solid-js" boleh ditulis di paling atas.
Di dalam <div>, tambahkan <p>Count: {count()}</p>. Jadikan ini <p> pertama di halaman.
Beri tombol +1 yang sudah ada onClick yang menaikkan count dari nilai sebelumnya: () => setCount(c => c + 1). Biarkan dia tombol pertama di halaman.

Yang dicek:

Hint

Angka yang berubah disimpan di signal. Signal memberi getter untuk membaca dan setter untuk menulis, dan teks yang membaca getter ikut berubah sendiri.
Buat const [count, setCount] = createSignal(0) di awal App. Tampilkan count() di paragraf, dan pasang onClick di tombol yang memanggil setCount dengan nilai sebelumnya ditambah 1.
<button onClick={() => setCount(c => c + 1)}>+1</button> <p>Count: {count()}</p>

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

Versi baru

HyperSheets

bagian dari BelajarWeb.dev

Membuka gerbang…