Halo teman-teman Dumet School. Kembali lagi dengan saya di kursus Web Design. Kali ini saya akan membahas tentang Cara Membuat Kalkulator Sederhana Dengan AngularJS. Di dalam html saya akan memberikan attribute ng-app dan ng-controller dalam satu file html dimana di dalamnya ada dua form input type number yang memiliki attribute ng-model masing-masing. Dan kemudian nilainya akan di cetak di dalam tag html. Dan dari bagian JavaScript saya membuat module Sudut dan controller yang didalamnya saya buatkan sebuah fungsi dengan kondisi if.
Agar teman-teman bisa langsung paham tentang Cara Membuat Kalkulator Sederhana Dengan AngularJS kita langsung saja praktekkan ya teman-teman. Teman-teman bisa salin script di bawah ini.

Jika sudah teman-teman jangan lupa cantumkan link AngularJS seperti di bawah ini dan letakkan di bagian head ya teman-teman.

Nah langkah terakhir untuk dapat membuat kalkulator sederhana dengan menggunakan angularJS teman-teman buat module angular yang di dalamnya ada fungsi dengan suatu kondisi seperti pada script di bawah ini. teman-teman bisa letakkan di bawah penutup divnya.

Nah teman-teman bisa perhatikan step by stepnya. Pertama adalah kita berikan attribute ng-app di dalam tag div untuk mendefinisikan sebuah komponen pada angularJS. Selanjutkan attribute ng-controller untuk memanggil fungsi dari controller yang telah dibuat. Kemudian masing-masing input memiliki ng-modelnya masing-masing dan untuk mencetak result atau hasilnya disini saya membuat AngularJSnya dengan controller yang didalamnya dibuatkan sebuah fungsi dengan kondisi untuk mengecek nilai dari objek $scope.operatornya.

Demikian artikel tentang Cara Membuat Kalkulator Sederhana Dengan AngularJS. Semoga teman-teman dapat bermanfaat dan selamat mencoba.