Cara Untuk Membuat Variabel Array Pada Javascript - Part 3

Niguru.com | Jumat, 31 Jul 2020 | Pada 2  posting sebelum ini secara berturut-turut, Niguru.com sudah menjelaskan mengenai cara membuat variabel array pada bahasa pemrograman Javascript.

Pada posting ini, Niguru.com masih akan melanjutkan penjelasan mengenai cara pembuatan variabel array dengan menjelaskan seputar tata cara penggunaan variabel yang sudah dibuat secara array tersebut.

Niguru.com akan mulai saja dengan contoh berikutnya:

<h1>Belajar membuat variabel ARRAY</h1>

<big><big>

<script>

var lokasi={propinsi:"Jawa Timur",kota:"Surabaya"}

document.write(lokasi.kota+", "+lokasi.propinsi)

</script>

 

Simpan file dengan nama JSArray09.html (boleh disimpan menggunakan nama lain):

 

Hasilnya bila ditampilkan pada browser:

 

Bila variabel yang dibentuk dan pengisian nilainya cukup panjang, maka variabel bisa diisi pada baris berikutnya dengan tetap mempertahankan koma sebagai pembatas antar variabel.

Mari kita lihat pada contoh berikut ini:

<h1>Belajar membuat variabel ARRAY</h1>

<big><big>

<script>

var warga={

nama:"Mr. John Henry Mark Douglas",

noKTP:"1234567123.001.8394",

alamat:"Jalan ABC nomor 35",

kota:"Semarang"

}

document.write(warga.nama,"<br>")

document.write(warga.noKTP,"<br>")

document.write(warga.alamat+", "+warga.kota)

</script>

 

Simpan file dengan nama JSArray10.html (boleh disimpan menggunakan nama lain):

 

Hasilnya bila ditampilkan pada browser:

 

Pada Javascript, variabel berisi string (teks) akan dianggap suatu array untuk setiap karakter yang berada di dalamnya.

Perhatikan contoh berikut ini:

<h1>Belajar membuat variabel ARRAY</h1>

<big><big>

<script>

var webName="Niguru"

document.write(webName[0]+"<br>")

document.write(webName[4]+"<br>")

</script>

<br>Note:<br>

variabel berisi teks dianggap array

 

Simpan file dengan nama JSArray11.html (boleh disimpan menggunakan nama lain):

 

Hasilnya bila ditampilkan pada browser:

Demikianlah penjelasan mengenai cara untuk membuat variabel dalam bentuk array pada Javascript.

Selamat mencoba .. Have a nice day :-)

www.Niguru.com (Nino Guevara Ruwano)

Cara Untuk Membuat Variabel Array Pada Javascript - Part 2

Niguru.com | Kamis, 30 Jul 2020 | Pada posting sehari sebelum ini, Niguru.com sudah menjelaskan mengenai cara membuat variabel array pada bahasa pemrograman Javascript.

Pada posting ini, Niguru.com akan melanjutkan penjelasan mengenai cara pembuatan variabel array dengan menjelaskan seputar tata cara penggunaan variabel yang sudah dibuat secara array tersebut.

Nilai setiap variabel tetap bisa diubah, dengan memberikan nilai baru pada variabel tersebut.

Mari kita lihat pada contoh berikut ini:

<h1>Belajar membuat variabel ARRAY</h1>

<big><big>

<script>

var uji=[5,7,10]

uji[3]=(uji[0]+uji[1])*uji[2]

document.write("(5 + 7) x 10 = ")

document.write(uji[3])

uji[1]=11

uji[3]=(uji[0]+uji[1])*uji[2]

document.write("<br>(5 + 11) x 10 = ")

document.write(uji[3])

</script>

 

Simpan file dengan nama JSArray04.html (boleh disimpan dengan nama lain):

 

Hasilnya bila ditampilkan pada browser:

 

Variabel array bisa dicampur antara variabel numerik (angka) dengan string (teks).

Perhatikan pada contoh berikut ini:

<h1>Belajar membuat variabel ARRAY</h1>

<big><big>

<script>

var uji=[5,7,10,"mari berhitung"]

document.write(uji[3],"<br><br>")

document.write("(5 + 7) x 10 = ")

document.write((uji[0]+uji[1])*uji[2])

</script>

 

 

Simpan file dengan nama JSArray05.html (boleh disimpan dengan nama lain):

 

Hasilnya bila ditampilkan pada browser:

 

 

Programmer juga dapat menampilkan perhitungan berapa banyak variabel array yang terbentuk, dengan menggunakan index "length".

Mari kita lihat pada contoh berikut ini:

<h1>Belajar membuat variabel ARRAY</h1>

<big><big>

<script>

var uji=[5,7,10,"mari berhitung"]

document.write("jumlah variabel array yang terbentuk = ")

document.write(uji.length)

</script>

 

Simpan file dengan nama JSArray06.html (boleh disimpan dengan nama lain):

 

Hasilnya bila ditampilkan pada browser:

 

Contoh berikutnya:

<h1>Belajar membuat variabel ARRAY</h1>

<big><big>

<script>

var uji=[8,13,10,2,1,30,11,4,7,27,9,5]

document.write("jumlah variabel array yang terbentuk = ")

document.write(uji.length)

</script>

 

 

Simpan file dengan nama JSArray07.html (boleh disimpan dengan nama lain):

 

Hasilnya bila ditampilkan pada browser:

 

Javascript juga memperbolehkan programmer untuk membuat index sendiri yang bukan terdiri dari urutan angka.

Mari kita lihat pada contoh berikut ini:

<h1>Belajar membuat variabel ARRAY</h1>

<big><big>

<script>

var uji={angkapertama:5,angkakedua:7}

uji[0]=uji.angkapertama + uji.angkakedua

document.write("5 + 7 = ")

document.write(uji[0])

</script>

 

Simpan file dengan nama JSArray08.html (boleh disimpan dengan nama lain):

 

Hasilnya bila ditampilkan pada browser:

Demikianlah penjelasan mengenai cara untuk membuat variabel dalam bentuk array pada Javascript.

Penjelasan mengenai cara pembuatan variabel array akan dilanjutkan pada posting berikutnya.

Selamat mencoba .. Have a nice day :-)

www.Niguru.com (Nino Guevara Ruwano)

 

Cara Untuk Membuat Variabel Array Pada Javascript - Part 1

Niguru.com | Rabu, 29 Jul 2020 | Pada operasi aritmetika maupun logika yang membutuhkan banyak variabel, akan lebih mudah bila user membuat variabel dalam bentuk array. Array adalah variabel yang diberi nomor urut, misal: uji1, uji2, uji3, uji4, dan seterusnya.

Pada posting kali ini Niguru.com akan menjelaskan mengenai cara untuk membuat variabel dalam bentuk array pada bahasa pemrograman Javascript.

Berikut ini scriptnya: var nama_variabel=[]

Contoh:

<h1>Belajar membuat variabel ARRAY</h1>

<big><big>

<script>

var uji=[]

uji[0]=5

uji[1]=7

uji[2]=10

uji[3]=(uji[0]+uji[1])*uji[2]

document.write("(5 + 7) x 10 = ")

document.write(uji[3])

</script>

 

 

Simpan dengan nama JSArray01.html (boleh disimpan dengan nama lain):

 

 

Hasilnya bila ditampilkan pada browser:

Note:

Penomoran array (= index) dimulai dari 0 bukan dimulai dari 1.

 

Contoh berikutnya:

<h1>Belajar membuat variabel ARRAY</h1>

<big><big>

<script>

var uji=[]

uji[0]="mari "

uji[1]="belajar Javascript"

uji[2]=uji[0]+uji[1]

document.write(uji[2])

</script>

 

Simpan dengan nama JSArray02.html (boleh disimpan dengan nama lain):

 

 

Hasilnya bila ditampilkan pada browser:

 

 

Contoh berikutnya:

<h1>Belajar membuat variabel ARRAY</h1>

<big><big>

<script>

var uji=[5,7,10]

document.write("(5 + 7) x 10 = ")

document.write((uji[0]+uji[1])*uji[2])

</script>

 

 

Simpan dengan nama JSArray03.html (boleh disimpan dengan nama lain):

 

Hasilnya bila ditampilkan pada browser:

 

Demikianlah penjelasan mengenai cara untuk membuat variabel dalam bentuk array pada Javascript.

Penjelasan mengenai cara pembuatan variabel array akan dilanjutkan pada posting berikutnya.

Selamat mencoba .. Have a nice day :-)

www.Niguru.com (Nino Guevara Ruwano)

Inilah Cara Untuk Menampilkan Hasil Operasi Pada Lokasi Tertentu Yang Sudah Ditentukan Pada Halaman Website

Niguru.com | Selasa, 28 Jul 2020 | Dalam pembuatan program untuk website yang interaktif (tampilan pada web tergantung pada feedback dari pengunjung web), seringkali programmer, perlu menampilkan data atau informasi yang harus disisipkan pada lokasi yang sudah ditetapkan.

Pada posting kali ini Niguru.com akan menjelaskan mengenai cara untuk menuliskan script untuk menyisipkan data output atau informasi output pada lokasi yang sudah ditetapkan.

Berikuti ini penjelasan dan contohnya. Niguru.com akan mulai dengan script berikut ini:

<h1>Penjumlahan</h1><big>

Hasil 1234 + 567 adalah = <h7 id=id01></h7>

<script>

var a=1234

var b=567

var c=a+b

document.getElementById("id01").innerHTML=c

</script>

 

Note:

Data output ditampilkan pada lokasi yang ditandai dengan nama: id01

Script pada Javascript untuk menampilkan data pada "id01" adalah:

document.getElementById("id01").innerHTML

Simpan dengan nama JSID01.html (boleh disimpan dengan nama lain):

 

Hasilnya bila ditampilkan pada browser:

 

Perhatikan juga pada contoh berikut ini:

<h2 id=uji1></h2>

Diatas tulisan inilah kedua kalimat yang diinput ditampilkan.

<script>

var a=prompt("ketikkan kata /kalimat pertama")

var b=prompt("ketikkan kata /kalimat kedua")

var c=a+" "+b

document.getElementById("uji1").innerHTML=c

</script>

 

Note:

Tag <h1></h1> sampai <h6></h6> dan <p></p> akan menampilkan teks sebelum maupun sesudahnya dalam paragraf /baris baru.

Tag <h7></h7> akan menampilkan teks sebelum maupun sesudahnya dalam baris yang sama.

Simpan dengan nama JSID02.html (boleh disimpan dengan nama lain):

 

 

Hasilnya bila ditampilkan pada browser, akan diawali dengan tampilnya input window, yang berasal dari instruksi PROMPT > ketikkan kalimat > klik OK:

 

Saat tampil input window kedua, ketikkan kalimat kedua > klik OK:

 

Hasilnya, teks ditampilkan di atas teks yang sebelumnya sudah ada terlebih dahulu:

Demikianlah penjelasan mengenai cara untuk menampilkan hasil operasi pada lokasi yang sudah ditetapkan pada halaman website.

Selamat mencoba .. Have a nice day :-)

www.Niguru.com (Nino Guevara Ruwano)

Menuliskan Komentar Diantara Script

Niguru.com | Senin, 27 Jul 2020 | Dalam penulisan script dalam pemrograman seringkali seorang programmer membutuhkan komentar /catatan kecil untuk ditempatkan diantara script yang dituliskan, untuk memudahkan programmer mengenali fungsi dari kelompok script tertentu.

HTML dan Javascript juga menyediakan fasilitas pagi programmer untuk mencatatkan komentar pada script. Dan komentar yang dituliskan tidak akan turut dieksekusi oleh browser.

Berikut ini tata cara penulisan komentar pada HTML:

<!--        komentar    -->

Tata cara penulisan komentar pada Javascript:

//   komentar

Contoh penulisan script tanpa komentar:

<h1>Latihan Penulisan Komentar</h1>

<big><big><big>

<script>

document.write(8+5,"<br>")

document.write(11-2,"<br>")

document.write(4*3,"<br>")

document.write(30/6,"<br>")

</script>   

Dan berikut ini script dengan komentar:

<h1>Latihan Penulisan Komentar</h1>

<!--

Tulisan ini tidak akan dieksekusi

karena dianggap sebagai komentar

-->

<big><big><big>

<script>

document.write(8+5,"<br>")

document.write(11-2,"<br>")

//tulisan ini juga dianggap komentar

//latihan perkalian dan pembagian

document.write(4*3,"<br>")

document.write(30/6,"<br>")

</script>

 

Dan berikut ini tampilan pada browser, dimana komentar tidak ikut tampil:

Demikianlah penjelasan mengenai cara untuk menyisipkan komentar diatara script HTML.

Selamat mencoba .. Have a nice day :-)

www.Niguru.com (Nino Guevara Ruwano)

Mengenal Operator Ternary Pada Javascript

Niguru.com | Minggu, 26 Jul 2020 | Salah satu operator yang paling unik pada Javascript, dimana tidak semua bahasa pemrograman memiliki operator semacam ini, karena tidak masuk dalam golongan operator aritmetika, tidak masuk dalam golongan operator logika, tidak masuk dalam golongan operator logika digital. Unik!

Operator ini mirip seperti sebuah fungsi yang dinyatakan sebagai sebuah operator. Operator ini adalah TERNARY. Operator yang mirip seperti fungsi IF .. THEN pada suatu bahasa pemrograman. Simbol ternary adalah ? (tanda tanya).

Tata cara penulisan script ternary:

[Syarat]?[Kondisi True]:[Kondisi False]

Keterangan:

Syarat berupa hasil operasi yang hasilnya dalam BOOLEAN (true /false)

Kondisi True = kondisi bila hasil operasi yang disyaratkan benar (= True)

Kondisi False = kondisi bila hasil operasi yang disyaratkan benar (= False)

Berikut ini contoh penerapannya:

<h1>Operator Ternary</h1>

<br>

<script>

var a=3

var b=3

var c=(a==b)?"Sama":"Beda"

alert(c)

</script>

 

Simpan dengan nama TernaryJS01.html (boleh disimpan dengan nama lain):

 

Hasilnya saat ditampilkan pada browser, akan tampil message window yang menampilkan hasil operasi > klik tombol OK:

Hasilnya:

 

 

Contoh lainnya:

<h1>Belajar Operator Ternary</h1>

<br>

<script>

var a=prompt("Isikan nilai antara 1 sampai 5","")

var b=(a==3)?"Sama":"Beda"

alert(b)

</script>

 

 

Simpan dengan nama TernaryJS02.html (boleh disimpan dengan nama lain):

 

Hasilnya saat ditampilkan pada browser, akan tampil input window, yang meminta user untuk mengisikan suatu nilai:

 

Coba isikan nilai yang bukan angka 3, misalnya 5 > klik OK:

 

Hasilnya:

 

Isikan nilai 3 (nilai yang = variabel a) > klik OK:

 

Hasilnya:

Demikianlah penjelasan mengenai operator ternary pada Javascript.

Semoga penjelasan pada posting ini dapat menambah wawasan dan pengetahuan para pembaca sekalian.

Selamat beraktivitas .. Have a nice day :-)

www.Niguru.com (Nino Guevara Ruwano)