Pemrograman Web - Java Script

-
Assalamualaikum wr wb
Pada kesempatan kali ini kita akan Belajar tentang Java Script. Apa itu Java Script?

Apa itu JavaScript?

Berbeda dengan HTML dan CSS, Java Script adalah Bahasa Pemrograman yang digunakan di Web.

Lah Terus Bedanya dengan HTML sama CSS itu apa?
HTML sama CSS itu Markup Language yang fungsinya untuk ngatur Tampilan Halaman. Sedangkan JavaScript itu bahasa Pemrogramanya, yang fungsinya itu untuk masukin Fungsi fungsi pemrograman (If, If else, Else, Loop, Arrays, Bla bla bla)

Javascript & Java?

Oh Iya, pernah denger soal bahasa pemrograman Java?
mungkin ada beberapa yang menganggap JavaScript dan Java itu sama
Tapi sebenernya, JavaScript dan Java itu beda Lho! Jangan sampai Keliru ya

Ini Perbedaanya:



Coding JavaScript

Dalam JavaScript Teks bersifat Case Sensitive yang berarti penulisan Huruf Kecil dan Huruf Besar akan dibedakan. Untuk memulai menggunakan Java Script digunakan Tag <script> dan </script>. Akhir dari perintah dalam JavaScript harus ditutup dengan Titik Koma " ; " 

Mari Kita coba Koding dengan Java Script:

Halo



Kalau coba Klik "Rerun" bisa kita lihat muncul sebuah Pop Up yang bertuliskan "Hello". barusan itu adalah contoh pengunaan Alert

Halo (External)





Yang satu ini adalah contoh penggunaan Alert diluar file HTML. untuk menghubungkan File HTML dengan Java script gunakan Tag <script type="text/javascript" src="namascript.js">


Ubah Style



Selain itu, kita juga bisa mengubah Konten dari HTML menggunakan Javascript seperti barusanlah contohnya


Variabel



Diatas adalah contoh dari pengunaan Variabel dalam JavaScript.



Variabel 2



Dan ini adalah Contoh lain dari pengunaan Variabel dalam JavaScript


Tipe Variable & Komentar







Quiz

Terakhir, Kita bisa mencoba untuk mebuat 1 Halaman yang isinya Perhitungan Aritmatika menggunakan JavaScript. 

Ini buatan Saya:

 
       









Lho? Barusan katanya 1 Halaman, tapi kok malah bikin Banyak?
Nggak kok, sebenernya itu cuma 1 Halaman, saya mengganti InnerHTML nya ketika User menekan Tombol di Navbar sehingga Konten didalamnya berubah tapi Halamanya tetap.

Dan untuk perhitunganya saya menggunakan Loop dan Operator Aritmatika. 

Terimakasih sudah membaca Wassalamualaikum wr.wb





Komentar

Posting Komentar

Postingan populer dari blog ini

Analisis Web - Code Wars

-
Gambar
Yasfa Zamzami - XI RPL 1 Assalamualaikum Wr.wb Pada Artikel kali ini kita akan melakukan sesuatu yang sedikit berbeda dengan Artikel yang lain. Dalam Artikel lain, Biasanya kita belajar Ngoding . Namun pada Artikel kali ini kita akan Menganalisis Salah Satu Situs E - Learning yang ada di Internet disini kita akan Menganalisis Situs Code Wars Apa itu Code Wars? Jadi, Code Wars adalah Website E Learning (Pembelajaran Online) yang memberikan beberapa Latihan atau Tantangan yang bisa kita ikuti untuk menguji Skill kita. Code Wars adalah situs Pembelajaran Koding yang menggunakan tema "Bela Diri" Dalam Code Wars Codewarrior (User) memiliki Level dari 7 kyu sampai 2 Dam (Urutan : 7 kyu, 6 kyu, 5 kyu, 4 kyu, ..... , 1 dam, 2 dam) Untuk meningkatkan Peringkat  Codewarrior  harus mendapatkan Honor dengan cara menyelesaikan Kata.  Kata? apa itu? susunan Huruf yang menyusun Kalimat? Bukan, bukan itu, Kata disini diambil dari Istilah Bela Diri yang bera
Baca selengkapnya

Pemrograman Web - PBO dalam JavaScript

-
Assalamualaikum Pada Artikel kali ini kita akan belajar tentang PBO sederhana dalam JavaScript Dalam PBO kita akan banyak menggunakan Fungsi jadi saya sarankan untuk membaca Artikel sebelumnya tentang Fungsi pada JavaScript Definisi PBO Apa itu PBO? PBO (Pemrograman berbasis Objek) atau bahasa keren nya OOP (Object Oriented Programming) adalah cara ngoding yang berfokus pada Objek. Terus kalau Objek apa? Objek itu sendiri adalah sekumpulan Variabel , Fungsi , dan Prosedur, yang disatukan dalam 1 Class lalu diperlakukan layaknya Objek di dunia Nyata. Misalnya kita mau buat Objek Nyamuk. Kita tentuin Sifat dari Nyamuk itu apa aja terus jadiin jadi Variabel. Lalu setelahnya, kita tentuin Tindakan yang bisa dilakukan nyamuk itu apa aja terus jadiin Fungsi atau Prosedur. Misalnya gini nih: Objek : Nyamuk  Variabel: - Usia - Kecepatan Terbang - Darah yang dihisap Fungsi / Prosedur: - Terbang -  Menghisap Darah PBO dalam JavaScript Barusan itu sedikit gambara
Baca selengkapnya

Pemrograman Web - JavaScript Loop & Fungsi

-
Assalamualaikum wr.wb Pada Artikel kali ini saya akan membahas tentang Looping atau Pengulangan dalam JavaScript. Apa itu Looping? Yaa...  Looping itu pengulangan. kumpulan Kode dalam tanda {} akan dijalankan terus menerus selama Kondisi / Syarat terpenuhi. Misal : (Selama belum sampai tujuan) { Jalan } (Selama belum berhasil) {Usaha } Untuk melakukan Looping dalam JavaScript digunakan While, Do While, dan, For. While While digunakan untuk melakukan perintah tertentu secara berulang selama Kondisi / Syarat terpenuhi. Penulisanya: while (kondisi) { //Kode yang ingin dijalankan }  Contohnya: Loop Teks See the Pen WhileLoop by Yasfa Zamzami ( @Yasfa ) on CodePen . Bisa kita lihat dari Kodingan diatas bahwa perintah yang berada didalam { } diulangi terus selama Syarat x < 5 terpenuhi  Do While Do While nggak terlalu beda sama While. Cuma ada 2 perbedaan. Pertama, untuk Do While perintah di dalem { } dijalanin dulu baru Syaratnya di Cek (Kalau While s
Baca selengkapnya