Latihan 1 dari materi Template Reference di Angular — praktek dengan editor kode interaktif, test case otomatis, dan hint terpandu. Langsung jalan di browser.
Starter-nya sudah punya <p>{{ message }}</p> di template, properti message = '', dan method greet(name) yang mengisi message dengan 'Halo, ' + name + '!'. Biarkan semuanya, lalu tambahkan di atas paragraf itu:
<input #nameInput type="text" placeholder="Ketik nama" />.<button (click)="greet(nameInput.value)">Sapa</button>, dengan teks tombol persis Sapa.Sapaannya tampil di <p> itu, bukan lewat alert, dan jangan tambah paragraf lain di atasnya.
Yang dicek:
<input> dan <button> di halaman.#nameInput.Budi diketik di kotaknya, lalu tombol Sapa ditekan, <p> berisi persis Halo, Budi!.
