Latihan 1: Event Binding Angular — Angular

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

Starter-nya sudah punya properti count = 0 dan method increment() yang menaikkan count satu. Biarkan keduanya, lalu isi template dengan:

<button (click)="increment()">+1</button>. Boleh juga (click)="count = count + 1", tapi jangan count++: template menolaknya.
<p>Count: {{ count }}</p>.

Penilai membaca <p> pertama dan menekan <button> pertama di halaman, jadi jangan taruh paragraf atau tombol lain di atas keduanya.

Yang dicek:

Sebelum diklik, <p> berisi persis Count: 0.
Ada <button> di halaman.
Sesudah tombolnya diklik sekali, <p> berisi Count: 1.
Dari awal lagi, sesudah diklik dua kali, <p> berisi Count: 2.

Hint

Event binding ditulis dengan nama event di dalam kurung biasa pada elemen yang mendengarkannya, dan isinya kode yang jalan saat event terjadi.
Template-nya dua elemen: tombol dengan (click) yang memanggil increment(), lalu paragraf yang menampilkan count lewat interpolasi.
<button (click)="increment()">+1</button> <p>Count: {{ count }}</p>

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

Versi baru

HyperSheets

bagian dari BelajarWeb.dev

Membuka gerbang…

Latihan 1: Event Binding Angular — Angular

Hint

Memperbarui Aplikasi