Membuat Function Javascript Pada File .JS Yang Terpisah Dari Halaman Utama

Niguru.com | Selasa, 30 Jun 2020 | Pada posting sehari sebelumnya, Niguru.com sudah menjelaskan mengenai cara untuk membuat function pada JS (Javascript). Dengan penggunaan function maka berbagai instruksi yang digunakan berulang kali cukup dituliskan sekali saja, dan bisa digunakan berkali-kali.

Salah satu keunggulan JS adalah ketersediaan fasilitas untuk menuliskan function pada file yang terpisah dengan ekstensi /extension .JS.

Berikut ini contohnya:

Ketikkan instruksi berikut ini pada Notepad:

 

function salamPerkenalan(a){

document.write(a," di website Niguru.com")

}

 

Simpan dengan nama ujiCoba.js (boleh menggunakan nama lain):

 

Berikut ini menggabungkan instruksi HTML yang berada di luar area JS (Javascript), dan menggunakan perintah untuk menggunakan instruksi:

<script language="javascript" src="ujiCoba.js"></script>  untuk menggabungkan instruksi yang ditulis pada file ujiCoba.js pada instruksi HTML ini:

<big><big><big>

<script language="javascript" src="ujiCoba.js"></script> 

<script language="javascript">

salamPerkenalan("Selamat datang")

</script>

 

 

Simpan dengan nama LatihanJS05.html (boleh menggunakan nama lain):

 

Hasilnya:

Didalam file ujiCoba.js boleh ditempatkan beberapa function sekaligus. Tambahkan function pada ujiCoba.js:

 

function salamSapa(){

document.write("<h1>Halo apa kabar?")

}

 

 

 

Untuk mencobanya, buat lagi sebuah file HTML dengan mengetikkan instruksi berikut ini:

<script language="javascript" src="ujiCoba.js"></script>

<script language="javascript">

salamSapa()

</script>

<script language="javascript">

salamPerkenalan("<h1>Mari belajar")

</script>

 

Simpan dengan nama LatihanJS06.html (boleh menggunakan nama lain):

 

Hasilnya:

Demikianlah contoh-contoh pembuatan web page, dengan menggunakan JS (Javascript) dengan function yang dibuat dalam file terpisah.

Selamat mencoba .. Have a nice day :-)

www.Niguru.com (Nino Guevara Ruwano)

USB Interface Untuk Hard Disk Drive 3,5 Inci

Niguru.com | Senin, 29 Jun 2020 | Saat ini penggunaan komputer jinjing atau komputer portabel /mobile sudah lebih populer dibandingkan komputer meja /desktop. Karena harga jual laptop dan netbook yang sudah sangat terjangkau.

Banyak user yang masih meninggalkan file-file lama pada HDD (Hard Disk Drive) ukuran 3,5 inci yang dulu terpasang pada Desktop PC (komputer meja yang bukan portabel). Solusi mudah untuk memindahkan file adalah dengan menggunakan HDD Enclosure.

HDD enclosure adalah perangkat yang bisa menghubungkan laptop /netbook ke HDD ukuran 3,5 inci via USB.

Salah satu merek HDD enclosure yang direkomendasi oleh Niguru.com adalah Orico. Berikut ini tampilan dan cara pemasangannya:

Demikianlah penjelasan mengenai cara penggunaan HDD enclosure.
Selamat mencoba .. Have a nice day :-)

www.Niguru.com (Nino Guevara Ruwano)

Membuat Function Pada Javascript

Niguru.com | Minggu, 28 Jun 2020 | Pada posting sebelumnya yang menjelaskan pengenalan Javascript, Niguru.com menjelaskan mengenai penggunaan variabel pada pemrograman Javascript.

Untuk menambah wawasan mengenai Javascript, pada posting kali ini Niguru.com akan menjelaskan mengenai cara untuk membuat FUNCTION pada Javascript. Function bermanfaat untuk menjalankan suatu siklus program yang berulang.

Berikut ini penjelasannya:

Tata cara penulisan function:

function [namaFunction]([variabel]){  

[instruksi]  

}

Contoh:

salamPerkenalan("Selamat datang")

function salamPerkenalan(a){

document.write(a," di website Niguru.com")

}

 

Untuk menyimpannya klik menu > Save As:

 

1. Save As type = All Files.

2. Berikan nama pada File Name, misal: LatihanJS01.html (boleh menggunakan nama lain).

3. Klik Save.

 

Hasilnya, file LatihanJS01.html tercipta, double click pada file tersebut untuk membukanya pada browser:

Tampilan hasilnya pada browser:

 

Berikut ini contoh penggabungan kode HTML, yang dituliskan diluar area JS (Javascript). Kode HTML yang dituliskan adalah tag <big>, dan pada contoh kali ini Niguru.com menuliskan <big> sebanyak 3X berarti pembesaran font akan dilakukan 3X, berikut ini contohnya:

<big><big><big>

<script language="javascript">

hitung(2,5,100)

function hitung(a,b,c){

hitung=a*b+c

document.write("hasil perhitungan = ",hitung)

}

</script>

 

Tampilan hasilnya pada browser:

Berikut ini Niguru.com akan memberikan contoh lain, berupa function untuk menghitung. Berikut ini deretan instruksinya:

<big><big><big>

<script language="javascript">
hitung(2,5,100)

function hitung(a,b,c){
hitung=a*b+c
document.write("hasil perhitungan = ",hitung)
}

document.write("<br>uji2")
document.write(hitung(2,5,100))
</script>

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

Tampilan hasilnya pada browser:

 

Dan berikut ini cara untuk memanggil function diluar area JS dengan menggunakan tombol, berikut ini deretan instruksinya:

<input type="button" onclick="hitung(11,6,70)" 

value="Latihan Hitung"/>

<script language="javascript">

function hitung(a,b,c){

hitung=a*b+c

document.write("<big><big><big>")

document.write("hasil perhitungan = ",hitung)

}

</script>

 

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

 

Tampilan hasilnya pada browser, tekan tombol Latihan Hitung untuk melanjutkan eksekusi JS:

 

Tampilan hasilnya pada browser:

Demikianlah penjelasan mengenai cara membuat function pada bahasa pemrograman Javascript.

Selamat mencoba .. Have a nice day :-)

www.Niguru.com (Nino Guevara Ruwano)

Mari Mengenal Javascript, Bahasa Pemrograman Pelengkap HTML

Niguru.com | Sabtu, 27 Jun 2020 | HTML adalah bahasa pemrograman paling mudah dan paling sederhana, namun dengan kemampuan yang tidak selengkap bahasa pemrograman lainnya, karena HTML hanya dipersiapkan sebagai "penampil" teks, gambar, video, pada web page.

Untuk melakukan operasi aritmetik dan logika, user perlu menyisipkan bahasa pemrograman lainnya diantara kode-kode HTML. Salah satu bahasa pemrograman yang paling sering dipakai oleh user adalah JAVASCRIPT.

Javascript dibuka dengan tag <script language="javascript">.

Dan ditutup dengan tag </script>

 

Atau bila disipkan diantara script html akan tampak seperti ini:

 

Niguru.com akan memperkenalkan kode /instruksi JS (Javascript) yang sederhana yaitu: document.write("[kode HTML]").
Instruksi yang menjalankan semua perintah HTML pada area JS.

 

Untuk menyimpan kode pada notepad dengan ekstensi /extension HTML klik menu > Save As:

 

Save as type = All Files > Isi File name, misal JS01.html (boleh menggunakan nama lain):

 

Hasilnya, bila dijalankan pada browser:

Contoh menyisipkan tag <br> yang biasa digunakan pada HTML pada area JS:

Hasilnya:

Pada area JS, kode HTML bisa dituliskan pada beberapa baris instruksi document.write, dan hasilnya akan sama seperti menuliskan baris-baris kode pada HTML:

Hasilnya sama seperti sebelumnya, meski dituliskan dengan jumlah baris yang lebih banyak, karena HTML tidak mengenal spasi antar baris, harus ada tag untuk memberi tahu HTML untuk menampilkan spasi antar baris, tag <br> salah satunya.

JS juga bisa digunakan untuk operasi aritmetika (perhitungan), misalnya seperti ini:

Hasilnya:

Berikut ini cara menggabungkan tampilan hasil perhitungan dengan teks:

Hasilnya:

Dan ini contoh gabungan kode HTML dengan JS:

Hasilnya:

Demikianlah sekelumit pengenalan dengan bahasa pemrograman Javascript yang merupakan salah satu bahasa pemrograman yang melengkapi keterbatasan HTML.

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

Selamat beraktivitas .. Have a nice day :-)

www.Niguru.com (Nino Guevara Ruwano)

Menghapus Widget Dari Halaman Blogspot

Niguru.com | Jumat, 26 Jun 2020 | Kadangkala seorang pemilik blog pada Blogspot ingin menghapus widget yang terpasang pada halaman blog, karena ingin menggantinya dengan widget lain, atau hanya sekedar ingin menghapusnya saja, untuk meningkatkan kecepatan loading dari halaman blog tersebut.

Widget memang bisa memperindah dan menambah fungsi dari web page (halaman web) atau halaman blog, tetapi widget juga mengurangi loading time dari setiap web page.

Berikut ini cara untuk menghapus widget pada Blogspot:
Berikut ini tampilan dari halaman blog AstroDigi, dan bagian yang ditandai dengan kotak merah adalah widget Vivanews, dan widget World Rank yang ingin dihapus dari halaman blog:

1. Kunjungi URL: www,blogger.com
2. Klik SIGN IN

1. Ketik alamat email
2. Ketik password
3. Klik Berikutnya

Klik Layout pada sidebar, untuk menampilkan layout dimana semua widget juga ditampilkan disitu:

Pilih widget yang akan dihapus > klik Edit:

Klik Remove:

Klik OK:

Ulangi langkah penghapusan widget sampai semua widget yang akan dihapus sudah tidak terlihat pada layout, lanjutkan dengan klik Save arrangement:

Hasilnya, widget yang dihilangkan sudah tidak terlihat pada halaman blog:

Demikianlah langkah-langkah untuk menghapus widget dari halaman Blogspot.
Selamat mencoba .. Have a nice day :-)

www.Niguru.com (Nino Guevara Ruwano)