Quantcast
Channel: Kursus Website Terbaik
Viewing all articles
Browse latest Browse all 2170

Cara Merubah Huruf Menjadi Uppercase Dengan AngularJS

$
0
0

Apakah teman – teman tahu apa itu angularJS..??

Pada artikel kali ini kita akan latihan Cara Merubah Huruf Menjadi Uppercase Dengan AngularJS,sebelum kita praktekkan saya akan sedikit membahas apa itu AngularJS

AngularJS adalah sebuah salah satu framework yang banyak di gunakan development website, karena dengan menggunakan framework ini kinerja website akan lebih ringan prosesing nya. Dari website dinamis sampai aplikasi berbasis website, dan untuk mempelajari framework ini tentunya teman – teman harus mengerti dan menguasai bahasa Javascript terlebih dahulu. Dan apakah kalian tahu siapa pengembang framework ini, kalian pasti tahu yang nama nya google. Yak, google lah yang mengembangkan javascript ini menjadi framework angularJS sehingga tanpa ragu para programming berlomba – lomba untuk mempelajarinya. Biasanya penulisan script AngularJS diawali dengan ng- atau biasa tika membacanya (eng).

Oke, seperti judul artikel kali ini saya akan memberikan sedikit tips bagaimana cara Cara Merubah Huruf Menjadi Uppercase Dengan AngularJS. Dimana latihan kali ini kita akan membuat sebuah text huruf kecil kemudian kita akan ubah menjadi uppercase atau menjadi huruf besar dan kita akan menambahkan dengan kondisi apakah yang ada di variable nomor atau bukan. Baik teman – teman siapkan text editornya dan copy script html nya di bawah ini

<!DOCTYPE html>
<html>
<head><strong>Cara Merubah Huruf Menjadi Uppercase Dengan AngularJS</strong></head>
<body>
<div></div>
</body>
</html>

Kemudian save dengan index.html, selanjutnya teman – teman sisipkan beberapa perintah AngularJS nya seperti gambar di bawah ini

Cara Merubah Huruf Menjadi Uppercase Dengan AngularJS

Seperti yang saya beri kotak berwarna merah adalah ng-app = sebagai tanda mulai aplikasi angularJS dan ng-controller = sebagai controller yang akan nanti di pangggil, kemudian berikutnya kita buat fungsi – fungsi nya seperti gambar di bawah ini

Cara Merubah Huruf Menjadi Uppercase Dengan AngularJS

Nah teman – teman bisa lihat pada gambar di atas ini ng-app dan ng-controller didalamnya diberikan sebuah perintah, perintah tersebut mempunyai namakecil dan namabesar dan diberikan fungsi angular.uppercase. Jika sudah, baru kita tampilkan pada browser nya. Disini saya menggunakan tag <p>, teman – teman ketikkan persis seperti gambar di bawah ini

Cara Merubah Huruf Menjadi Uppercase Dengan AngularJS

Kemudian save dan jalankan pada browser nyam maka hasil nya seperti ini.

Cara Merubah Huruf Menjadi Uppercase Dengan AngularJS

Yang tadinya huruf kecil akan dirubah menjadi huruf besar, dengan menggunakan fungsi angular.uppercase. Selanjutnya kita tambahkan satu fungsi lagi dengan pernyataan apakah didalam $scope.namakecil nomor apa bukan, jika iya maka browser akan menampilkan true tetapi jika tidak browser akan menampilkan false. Lihat perintahnya di bawah ini

Cara Merubah Huruf Menjadi Uppercase Dengan AngularJS

Kemudian kita tampilkan

Cara Merubah Huruf Menjadi Uppercase Dengan AngularJS

Bowser akan menampilkan

Cara Merubah Huruf Menjadi Uppercase Dengan AngularJS

Bagaimana, mudah sekali bukan..??

Baik, sekian pada atikel kali ini tentang Cara Merubah Huruf Menjadi Uppercase Dengan AngularJS, kita berjumpa lagi di tutorial Dumet School berikutnya.

Terima Kasih dan Sampai Jumpa.

Semoga bermanfaat 😉

 

 

 

The post Cara Merubah Huruf Menjadi Uppercase Dengan AngularJS appeared first on Kursus Website Terbaik.


Viewing all articles
Browse latest Browse all 2170