Latihan 1: JSX di Solid — SolidJS

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

Kode awal sudah punya fungsi App yang mengembalikan <div> kosong. Isi <div> itu:

Tambahkan <h1> yang berbunyi persis Belajar Solid.
Di bawahnya, tambahkan <p> yang berbunyi persis Solid menggunakan JSX. (titik di akhir ikut dihitung). Jadikan ini satu-satunya <p> di halaman.
Kalau memberi kelas CSS, tulis class. Kata className gak boleh ada di kodemu sama sekali (komentar gak dihitung).

Yang dicek:

<h1> berisi persis Belajar Solid.
<p> pertama di halaman berisi persis Solid menggunakan JSX..
Kodemu gak mengandung kata className.

Hint

JSX ditulis seperti HTML di dalam return. Dua elemen baru ini masuk ke dalam div yang sudah ada, karena return cuma boleh satu elemen terluar.
Di dalam div: satu tag h1 berisi Belajar Solid, lalu satu tag p berisi Solid menggunakan JSX. dengan titik di akhir. Gak perlu atribut apa pun.
return ( <div> <h1>Belajar Solid</h1> <p>Solid menggunakan JSX.</p> </div> )

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

Versi baru

HyperSheets

bagian dari BelajarWeb.dev

Membuka gerbang…

Latihan 1: JSX di Solid — SolidJS

Hint

Memperbarui Aplikasi