Postingan

Menampilkan postingan dari September, 2018

Belajar JavaScript Dasar(Struktur Kontrol Perulangan dan Fungsi ) -Praktikum 15

-
Gambar
Assalamualaikum WR.WB Hai kembali lagi ke blog saya,Pada postingan kali ini saya akan membahas tentang Struktur Kontrol Perulangan di JavaScript. Tapi sebelumnya apa itu perulangan dalam bahasa pemograman?. Perulangan merupakan struktur yang memungkinkan untuk menjalankan kode program yang sama beberapa kali dengan menggunakan suatu kondisi tertentu. Perulangan dalam javascript memiliki tiga bentuk, perulangan : for while do while  Dari ketiga bentuk perulangan diatas hanya for yang memerlukan pernyataan inisialisasi dan peubah. Inisialisasi disini digunakan sebagai bagian penentuan variabel yang akan digunakan untuk mengendalikan jumlah perulangan yang akan dilakukan. Perubah adalah operasi aritmatika yang dapat dilakukan untuk mengubah nilai variabel penentu tersebut. Sedangkan kondisi disini digunakan untuk menentukan kapan suatu blok perulangan dijalankan berdasarkan nilai dari variabel penentu tersebut. Selain perulangan,kita juga akan membahas tentang fungsi,tapi ap
Posting Komentar
Baca selengkapnya

Belajar JavaScript Dasar(Struktur Kontrol Percabangan) -Praktikum 14

-
Gambar
Assalamualaikum WR.WB Hai kembali lagi ke blog saya,Pada postingan kali ini saya akan memberi tutorial masih dalam bahasa pemograman JavaScript. Nah, untuk sekarang kita bakal bahas Struktur Kontrol Percabangan dalam JavaScript. Struktur Kontrol Percabangan ini biasanya diesebut dengan pengkondisian yaitu sama seperti bahasa pemrograman lainnya ada 4 yaitu IF, IF ELSE, ELSE, SWITCH CASE.  Untuk lebih jelasnya, Langsung saja berikut Codingan dan contohnya : Pengondisian IF1   <!DOCTYPE html> <html> <head> <title>Ammar Taradifa XI RPL 3</title> <link rel="stylesheet" type="text/css" href="style.css"> </head> <body> <p id="cobaan"> <script language ="javascript" type="text/javascript"> var umur; umur = prompt("Masukkan umur anda :"); umur = parseInt(umur); if (umur < 17) { alert("Kamu belum dapat mengikuti pemilu"); } aler
Posting Komentar
Baca selengkapnya

Belajar JavaScript Dasar (Array) -Praktikum 13

-
Gambar
Assalamualaikum WR.WB Hai kembali lagi ke blog saya,sama seperti postingan sebelumnya kali ini saya akan memberi tutorial kodingan tentang bahasa pemograman JavaScript.Tapi bedanya sekarang kita belajar Array menggunakan JavaScript.Tapi sebelumnya apa sih itu Array? Pengertian Array Array adalah salah satu variabel yang dapat berisi banyak data yang independent. Data yang disimpan diberikan indeks teretentu atau menggunakan nomer urut mulai dari 0. Indeks ini nantinya dapat digunakan untuk mengakses array tersebut. Jenis-jenis Array 1) Array Monodimensi Array hanya berisikan nilai-nilai tunggal disebut sebagai array Monodimensi. Indeks ini akan diberikan secara otomatis oleh interpreter JS, dimulai dari elemen / data pertama dengan indeks 0. Dalam suatu array dengan n elemen, maka elemen ke-n akan mempunyai indeks n-1. 2) Array Multidimensi Jika elemen suatu array berisikan array lainnya, maka array tersebut termasuk array Multidimensi. 3) Array Asos
Posting Komentar
Baca selengkapnya

Belajar JavaScript Dasar (Pengenalan JavaScript) -Praktikum 12

-
Gambar
Assalamualaikum WR.WB     Hai,ketemu lagi dalam blog saya.Pada postingan kali ini saya akan memberi tutorial coding menggunakan JavaScript.Pada postingan postingan sebelumnya kita menggunakan HTML dan CSS,Nah sekarang kita akan menggunakan JavaScript     Sebelum kita ke materi kita akan mengenal lebih dalam dulu tentang JavaScript. 1. Sejarah dan pengertian Javascript     Sejarah awal mula javascript dimulai pada tahun 1994, pada saat itu perkembangan internet dan website sedang mengalami perkembangan yang sangat pesat, dan pembuatan website pada saat itu umumnya menggunakan bahasa pemrograman PERL. Pemrograman PERL termasuk kedalam bahasa pemrograman Server Side, dimana semua proses hanya bisa dilakukan di web server. Karena pada saat itu rata-rata koneksi internet yang terbatas, dan setiap instruksi dari user harus dikirim terlebih dahulu kepada web server, kemudian baru ditampilkan lagi ke dalam web browser. Hal tersebut dipandang kurang efesien, karena cukup mema
Posting Komentar
Baca selengkapnya

Belajar CSS Dasar(Membuat Form Dengan CSS) -Praktikum 11

-
Gambar
Assalamualaikum WR.WB Hai,ketemu lagi di blog saya,Pada postingan kali ini saya akan memberikan tutorial tentang cara menghias  ataupun memperindah tampilan form dengan CSS.Untuk lebih jelasnya,kita langsung saja ke materi nya. 1.ExternalCSSOnForm1 Codingan HTML: Codingan CSS: form{ border:2px solid yellow; width: 70%; margin-left: 0; /* jarak fieldsheet dari batas kiri layout*/ background-color: green; color: pink; font-family: Algerian; } body{ background-color: salmon; } Pembahasan: Nah,Lagi lagi kita menggunakan external css,artinya file html dan file css nya terpisah untuk property yang digunakan sama dengan postingan postingan sebelumnya seperti form,dan textarea.Berikut Output codingan diatas: 2.ExternalCSSonForm2 Codingan HTML:  Codingan CSS: textarea{ color: yellow; /*font color*/ background-color: blue; font-family: comic sans ms; } body{ background-color: pink; color: red; font-family: impact; } Pembahasan: Nah,Lagi lagi ki
Posting Komentar
Baca selengkapnya

Belajar CSS Dasar (Table With CSS) - Praktikum 10

-
Gambar
Assalamualaikum WR.WB Hai,Kembali lagi ke blog saya,Pada postingan kali ini saya masih akan membahas tentang CSS. Tapi kali ini kita akan berfokus tentang membuat tabel dan menghiasnya dengan CSS.Untuk lebih jelasnya kita langsung ke materinya 1.EmbeddedImageCSS Coding: <!DOCTYPE html> <html> <head> <title>CSS Pada Image</title> <style type="text/css"> img.mouse{ margin-top :10px; float:left; clear: both; width: 200px; height: 200px; } img.cat{ margin-top: 5px; float: right; clear: both; width: 200px; height: 200px; border:solid; border-color: pink } img.koala{ margin-top: 10px; float: right; clear: both; width: 200px; height: 200px; } </style> </head> <body bgcolor="gainsboro"> <h1> Contoh embedded CSS pada gambar</h1> <img class="mouse" src="tikus.jpg"> <img class="cat" src="cat.jpg"> <img class=&quo
Posting Komentar
Baca selengkapnya