©Sistem Manajemen Multi Perusahaan

     

DASAR-DASAR JAVASCRIPT

Twitter Follow
Ditulis Oleh: Alfians Increms April, 2021
Aplikasi: Perkebunan - Pertambangan - HTI - HPH Sistem Integrasi

DASAR JAVASCRIPT

  • Sekedar Tahu Javascript
  • Javascript Browser
  • Cookie Javascript (Cookies)
  • Pengambilan Keputusan (Decision Making)
  • Tanggal & Waktu (Date and Time)
  • Acara Javascript (Events)
  • DOM HTML Javascript (HTML_DOM)

    • Sekedar untuk tahu Javascript

    JavaScript adalah "bahasa pemrograman sisi klien (dibalik layar) yang paling umum digunakan, hampir semua halaman HTML modern sudah banyak menggunakan JavaScript untuk menambahkan lebih banyak fungsi, pengalaman para pengguna atau pemakai menjadi lebih baik, cepat dan lebih interaktif".

    Dengan bantuan JavaScript, semua dapat melakukan apa saja di sisi klien seperti mengubah konten HTML, mengubah gaya elemen, dan lain-lain. maka semua dapat menggunakan javascript secara internal atau eksternal. Sintaks JavaScript Internal JavaScript dapat ditempatkan di bagian <head> pada halaman HTML. Dan kode JavaScript harus disisipkan dalam tag <script> dan diakhiri </script>

    Contoh JavaScript (JS):

    <html>
    <head>
    <script> document.write("Hallo gaes ini merupakan contoh penulisan JavaScript");
    </script>
    </head>
    <body>
    <p> Contoh kalimat atau This is paragraph 1 </p>
    <p> Contoh kalimat atau This is paragraph 2 </p>
    <p> Contoh kalimat atau This is paragraph 3 </p>
    <p> Contoh kalimat atau This is paragraph 4 </p>
    </body> </html>


    Maka hasilnya seperti yang berada di bawah ini :

    Hallo gaes ini merupakan contoh penulisan JavaScript

    Contoh kalimat atau This is paragraph 1

    Contoh kalimat atau This is paragraph 2

    Contoh kalimat atau This is paragraph 3

    Contoh kalimat atau This is paragraph 4

    Adapun Sintaks JavaScript Eksternal dapat menggunakan Javascript dengan mendefinisikan semua kode dalam file terpisah dan menyimpan file dengan type atau ekstensi .js dan kemudian menambahkan file itu di halaman web atau situs bahkan aplikasi yang akan anda gunakan atau yang sedang anda buat Contoh Javascript Eksternal

    /*This is fileanda.js file*/
    document.write("Hello This is the Example of JavaScript");

    <!--This is samplejs.html file-->
    <html>
    <script src="fileanda.js"></script>


    <body>

    <p>Contoh kalimat atau This is paragraph 1 </p>
    <p>Contoh kalimat atau This is paragraph 2 </p>
    <p>Contoh kalimat atau This is paragraph 3 </p>
    <p>Contoh kalimat atau This is paragraph 4 </p>

    </body>
    </html>

    Para pengguna atau developer dapat menempatkan file javascript eksternal di "tag head atau di badan( body) antara tittle dan head".


    Javascript Browser


    Semua bisa mendapatkan properti browser yang berbeda dari objek javascript yang berbeda

    Di tulis kembali oleh Elfiansyah Elham

    Objek Jendela (Window Object)

    Dengan objek jendela bantuan Para Programmer bisa mendapatkan properti jendela yang berbeda.

    window.innerHeight ini digunakan untuk memberikan tinggi bagian dalam jendela browser

    window.innerWidth digunakan untuk memberikan lebar bagian dalam jendela browser

    window.open () digunakan untuk membuka jendela baru

    window.close () digunakan untuk menutup jendela saat ini

    window.moveTo () digunakan untuk memindahkan jendela saat ini

    window.resizeTo () digunakan untuk mengubah ukuran jendela saat ini

    Contoh Objek Jendela

    var v = window.innerHeight; document.write (v);

    Dalam hal ini tentu para programmer wajib mempraktekkannya dengan mencoba serta memahami pola kinerja script yang ditulis ini.

    Objek Layar (Screen Object)

    Dengan objek layar bantuan Para Programmer bisa mendapatkan properti layar yang berbeda.

    screen.width digunakan untuk memberikan lebar layar.

    screen.height itu digunakan untuk memberikan ketinggian layar.

    screen.availWidth digunakan untuk memberikan lebar layar yang tersedia.

    screen.availHeight digunakan untuk memberikan lebar layar yang tersedia.

    screen.colorDepth digunakan untuk memberikan kedalaman warna pada layar.

    screen.pixelDepth digunakan untuk memberikan kedalaman piksel layar.

    Contoh Objek Layar

    var v = screen.width; document.write (v);

    Jangan lupa untuk mempraktekkannya dengan mencoba serta memahami pola kinerja script yang ditulis ini.

    Objek Lokasi (Location Object)

    Dengan objek lokasi bantuan Para Programmer bisa mendapatkan properti lokasi dan pengguna yang berbeda.

    window.location.href mengembalikan URL dari halaman saat ini

    window.location.hostname mengembalikan nama domain dari web host

    window.location.pathname mengembalikan jalur dan nama file dari halaman saat ini

    window.location.protocol mengembalikan protokol web yang digunakan seperti http atau https

    window.location.assign itu memuat dokumen baru

    Contoh Objek Lokasi

    var v = window.location.href; document.write (v);

    Objek Riwayat Browser (Browser History Object)

    Dengan bantuan objek riwayat browser Para Programmer bisa maju dan mundur url dari daftar riwayat.

    history.back () memberikan url sebelumnya dari daftar sejarah

    history.forward () memberikan url berikutnya dari daftar riwayat

    Contoh Objek Lokasi

    var v = history.forward ();
    document.write (v);

    atau

    window.history.forward (); // Ini mengarahkan pengguna ke halaman berikutnya.

    Adapun contoh yang lebih lengkap seperti dibawah ini :

    <input name="reset" type="reset" id="reset" title="Kembali Ke Menu Utama" onClick = "window.location.href ='?page=Halaman-Utama';" value="Batal"/>

    <button name="Button" type="button" id="button" title=" Ke Menu Utama" onClick = "window.location.href ='?page=Halaman-Utama';" value="Menu Utama"/>

    Demikian script javascript yang tentu sangat bermanfaat bagi para programmer dalam membuat suatu projek, sehingga dapat mengembangkan script yang sederhana diatas menjadi full power.


    Cookie Javascript (Cookies)


    Cookies digunakan untuk menyimpan informasi di perangkat pengguna seperti komputer, ponsel, dll. Para Programmer dapat menyimpan cookie yang dibuat, mengakses cookie, dan menghapus cookie.

    Para Programmer dapat mengatur Cookie sebanyak yang Para Programmer inginkan. Para Programmer juga dapat mengatur cookie dengan bantuan PHP.

    Buat Cookies
    Adapun penulisan Sintaksisnya sebagai berikut :

    document.cookie = "key1 = nilai1; key2 = nilai2; key3 = nilai3; kedaluwarsa = tanggal / waktu";

    Contoh Membuat Cookies

    document.cookie = "name =Elfiansyah; course = XFLASH; expires = Thu, 10 Des 2020 12:00:00 UTC";

    Baca Cookies
    var allcookies = document.cookie; document.write (allcookies);

    Pernyataan document.cookie akan memberikan semua cookie ke variabel allcookies.

    Kemudian Ini menampilkan semua cookie seperti ini name = Elfiansyah; kursus = XFLASH;

    Hapus Cookies

    Para Programmer dapat menghapus cookie dengan menyetel nama kunci itu dan menyetel nilai kedaluwarsa ke tanggal yang telah lewat.

    document.cookie = "name =Elfiansyah; course = XFLASH; expires = Thu, 10 Des 2020 12:00:00 UTC";

    Ini akan menghapus cookie nama dan cookie kursus.


    Pengambilan Keputusan Javascript (Decision Making)


    Pernyataan Pengambilan Keputusan adalah if, else, elseif dan switch pernyataan ini digunakan dalam membuat keputusan.

    if..else pernyataan
    if..else statement digunakan di mana Anda ingin mengeksekusi sekumpulan kode ketika kondisi benar dan lain jika kondisi tidak benar

    Sintaksis nya sebagai berikut :

    if (condition)  
{ kode untuk dieksekusi jika kondisinya benar
 }  else  
 { kode untuk dieksekusi jika kondisinya salah
  }

    Contoh if..else sebagai berikut :

    var a=10; 
if (a==10) 
{ echo "Ya ini nilai 10"; } 
else 
{ echo "tidak ini bukan nilai 10"; }

    Pernyataan elseif

    Pernyataan elseif digunakan di mana Anda ingin menjalankan beberapa kode jika salah satu dari beberapa kondisi benar, gunakan pernyataan elseif

    Sintaksisnya sebagai berikut :

    if (condition)  {kode untuk dieksekusi jika kondisinya benar
 }  elseif (condition)  {kode untuk dieksekusi jika kondisinya benar
;}  else  {kode untuk dieksekusi jika kondisinya salah
}

    Contoh elseif sebagai berikut :

    var a=30;


    if (a==40)
    { echo "Ya ini adalah hasil value 40"; }
    elseif(a==30)
    { echo "Ya ini adalah hasil value 30"; }
    else
    { echo "Tidak, Kamu salah"; }

    Pernyataan saklar atau Switch Statements

    Pernyataan switch digunakan di mana Anda ingin mengeksekusi satu blok kode dari banyak. Sintaksisnya sebagai berikut :

    switch (value)
    {
    case value1:
    code to be executed if value = value1;
    break;

    case value2:
    code to be executed if value = value2;
    break;

    default:
    code to be executed
    if value is different
    from both value1 and value2;
    }

    Contohnya switch sebagai berikut :

    var a=10;  
switch ( a ) 
{ case 30: kode yang akan dijalankan jika var a=30;  break;
case 40: kode yang akan dijalankan jika var a=40;  break;    
default: kode yang akan dijalankan jika nilai berbeda dari nilai1 dan nilai2; }

    Semoga mudah memahaminya dalam hal ini, jangan lupa jika ingin membuat suatu aplikasi yang berbasis Integrasi system dapat menghubungi kami atau anda dapat mengunjungi di sini Tentang Kami.


    Tanggal dan Waktu Javascript (Date and Time)


    Anda bisa mendapatkan objek tanggal untuk mendapatkan dan mengatur tanggal dan waktu. Objek tanggal dibuat dengan tanggal baru () seperti yang ditunjukkan di bawah ini.

    Sintaks untuk Membuat objek Tanggal


    var variableName = new Date ();
    var variableName = Tanggal baru (milidetik);
    var variableName = Tanggal baru (dateString);
    var variableName = Tanggal baru (tahun, bulan, hari, jam, menit, detik, milidetik);


    Contoh Tanggal


    var todaydate = new Date ();
    alert (todaydate);

    Beberapa Metode Tanggal Umum

    Nama Fungsi
    Date (): Mengembalikan tanggal dan waktu hari ini.
    getDate (): Mengembalikan hari dalam sebulan untuk tanggal yang ditentukan sesuai dengan waktu lokal.
    getDay (): Mengembalikan hari dalam seminggu untuk tanggal yang ditentukan menurut waktu lokal.
    getFullYear (): Mengembalikan tahun dari tanggal yang ditentukan menurut waktu lokal.
    getHours (): Mengembalikan jam pada tanggal yang ditentukan menurut waktu setempat.
    getMilliseconds (): Mengembalikan milidetik pada tanggal yang ditentukan sesuai dengan waktu lokal.
    getMinutes (): Mengembalikan menit pada tanggal yang ditentukan sesuai dengan waktu lokal.
    getMonth (): Mengembalikan bulan pada tanggal yang ditentukan menurut waktu setempat.
    getSeconds (): Mengembalikan detik pada tanggal yang ditentukan sesuai dengan waktu lokal.
    setDate (): Menyetel hari dalam sebulan untuk tanggal tertentu menurut waktu setempat.
    setHours (): Menyetel jam untuk tanggal tertentu menurut waktu setempat.
    setMilliseconds (): Menyetel milidetik untuk tanggal tertentu menurut waktu setempat.
    setMinutes (): Menyetel menit untuk tanggal tertentu menurut waktu setempat.
    setMonth (): Mengatur bulan untuk tanggal tertentu menurut waktu setempat.
    setSeconds (): Menyetel detik untuk tanggal tertentu menurut waktu setempat.

    Acara-acara Javascript (Events)


    Browser web menghasilkan Event atau acara setiap kali sesuatu yang menarik terjadi pada dokumen atau browser atau pada beberapa elemen atau bagian yang penting atau objek yang terkait dengannya. Misalnya. Browser web menghasilkan peristiwa ketika pengguna mengarahkan kursor ke elemen atau mengklik elemen atau mengirimkan formulir, dan lain-lain.

    <html>
    <head>
    <script type="text/javascript">

    function demo() {
    alert("Hallo semua yang menggunakan Javascript");
    }

    </script>
    </head>
    <body>
    <input type="button" onclick="demo()" value="Klik disini" />
    </body>
    </html>

    Hasil Dari Contoh Di Atas dapat di klik tombol dibawah ini :


    Peristiwa Javascript pada umumnya atau javascript bersifat umum


    onchange: Script dijalankan ketika elemen berubah

    onsubmit: Skrip berjalan saat formulir dikirim

    onreset: Script dijalankan ketika form di-reset

    onselect: Skrip dijalankan ketika elemen dipilih

    onblur: Skrip berjalan saat elemen kehilangan fokus

    onfocus: Skrip berjalan saat elemen mendapatkan fokus

    onkey: Skrip berjalan saat tombol ditekan

    onkeypress: Skrip berjalan saat tombol ditekan dan dilepaskan

    onkeyup: Skrip berjalan saat kunci dilepaskan atau saat form inputan di isi

    onclick: Skrip berjalan saat mouse diklik

    ondblclick: Skrip dijalankan saat mouse diklik dua kali

    onmousedown: Skrip berjalan saat tombol mouse ditekan

    onmousemove: Skrip berjalan saat penunjuk mouse bergerak

    onmouseout: Skrip berjalan ketika penunjuk mouse bergerak keluar dari sebuah elemen

    onmouseover: Skrip berjalan saat penunjuk mouse bergerak di atas sebuah elemen

    onmouseup: Skrip berjalan saat tombol mouse dilepaskan

    Semoga bermanfaat dan mudah dalam memahami script diatas.


    DOM HTML Javascript (HTML DOM)


    Dengan bantuan Javascript para programmer dapat menambahkan, menghapus atau memodifikasi elemen HTML, atribut, nilai dan isinya dengan sangat amat mudah.

    DOM adalah singkatan dari Document Object Model ini mewakili dokumen HTML lengkap yang ditampilkan di jendela browser.

    Dapatkan Elemen HTML


    Para programmer bisa mendapatkan elemen HTML melalui cara berikut

    document.getElementById () digunakan untuk menemukan elemen atau bagian sederhana dengan id-nya

    document.getElementsByTagName () digunakan untuk menemukan elemen (bagian sederhana tapi penting) dengan nama tag

    document.getElementsByClassName () digunakan untuk menemukan elemen (bagian sederhana tapi penting) berdasarkan nama kelas

    Contoh Dapatkan Elemen (bagian yang penting) HTML

    document.getElementById ("demo");

    Ubah Elemen HTML


    para programmer dapat mengubah elemen HTML melalui cara berikut :

    element.innerHTML = digunakan untuk mengubah HTML bagian dalam dari sebuah elemen

    element.attribute = digunakan untuk mengubah atribut elemen HTML

    element.setAttribute (atribut, nilai) = digunakan untuk mengubah atribut elemen HTML

    Contoh Perubahan Elemen HTML

    document.getElementById ("demo"). innerHTML = "Hallo Javascript";
    document.getElementById ("img1"). src = "demonstrasi.jpg";

    Tambahkan atau Hapus Elemen HTML


    Para programmer dapat menambah atau menghapus elemen HTML melalui cara berikut :

    document.createElement () digunakan untuk membuat elemen HTML.

    document.removeChild () digunakan untuk menghapus elemen HTML.

    document.appendChild () digunakan untuk menambahkan elemen HTML.

    document.replaceChild () digunakan untuk mengganti elemen HTML.

    document.write (teks) digunakan untuk menulis ke dalam aliran keluaran HTML.

    Tentu dalam hal ini harus dipraktekkan untuk mempercepat dalam kepemahaman atas script diatas.



Loops Javascript


Loop digunakan untuk melakukan beberapa tugas atau menjalankan beberapa pernyataan atau blok kode beberapa kali seperti yang ditentukan atau dikenal sebagai pengulangan.

Javascript memiliki 4 jenis loop yang berbeda sebagaimana yang tercantum dibawah ini :

For Loop
While Loop
DoWhile Loop
For..in Loop
For Loop


For loop digunakan dimana ketika kita mengetahui berapa kali kita ingin mengeksekusi kode tersebut.

Adapun contoh penulisannya Sintaksis sebagai berikut :

for (initialization; condition; increment)  {   code to be executed;  }

Penjelasan Kode Javascript

  1. Nilai inisialisasi adalah nilai awal penghitung
  2. Kondisi adalah kondisi yang digunakan untuk menghentikan eksekusi pengulangan
  3. Kenaikan adalah kenaikan nilai inisialisasi

Contoh For Loop

var a = 0;  
var b = 0;    
for( var i=0; i<5; i++ )  {  a ++; b ++;  }  document.write ("At the end of the loop a=5 and b=5" );

While Loop


While loop digunakan di mana kita ingin mengeksekusi kode selama kondisinya benar.

Penulisan Syntaxnya sebagai berikut :

while (condition)  { code to be executed;  }

Penjelasan Kode Javascript

Kondisi adalah kondisi yang digunakan untuk menghentikan eksekusi pengulangan

Contoh While Loop sebagai berikut :

var a = 0;
var b = 0;

while( var i < 5)
{
a ++;
b ++;
}
document.write ("Akhir Loop a=5 and b=5" );

Do While Loop


Do While loop digunakan di mana kita ingin mengeksekusi kode setidaknya satu kali dan kemudian mengulangi loop selama kondisinya tetap benar.

Sintaksisnya sebagai berikut :

do  { code to be executed;  }  while(condition)

Penjelasan Kode Javascript :

"Kondisi adalah kondisi yang digunakan untuk menghentikan eksekusi pengulangan"

Contoh Do While Loop

var a = 0;
var b = 0;

do
{
a ++;
b ++;
}
while( var i < 5)

document.write ("akhir loop a=5 and b=5" );

For..in Loop


Untuk setiap loop digunakan untuk melakukan perulangan melalui properti objek.

Sintaksisnya sebagai berikut :

for(variableName in object)  {code to be executed;  }

Penjelasan Kode Javascript

Dalam setiap kenaikan satu properti dari suatu objek ditugaskan ke variableName dan loop ini berlanjut sampai semua properti objek selesai.

Contoh For..in Loop

var name = {firstname:Elfiansyan", lastname:"Elham"};     
var container = " ";  var i;  for (i secara langsung) { container += name[i];

Lanjutkan Pernyataan


Continue digunakan untuk menghentikan operasi loop saat kondisi terpenuhi tetapi tidak menghentikan loop, adapun penulisannya sebagai berikut :

for( var i=0; i<10; i++ )  {    if( i == 5 )continue;    echo "Value is ".i;  }

Ini akan menampilkan 1 hingga 10 kecuali 5 karena kondisi memenuhi pada var i = 5


Pernyataan Istirahat (Break Statements)
Break digunakan untuk menghentikan loop ketika kondisi terpenuhi, dapat dilihat skrip dibawah ini :

for( var i=0; i<10; i++ )  {    echo "Value is ".i;    if( i == 5 )break;  }

Ini akan menampilkan 1 hingga 5 karena kondisi statify pada var i = 5 dan loop berakhir.

Semoga mudah dipahami bahasa skrip diatas, salam by Elfiansyah Elham


Objek Javascript (Object)


Objek adalah nilai komposit yang menggabungkan beberapa nilai (nilai primitif atau objek lain) dan memungkinkan Anda untuk menyimpan dan mengambil nilai tersebut berdasarkan nama.

Objek adalah kumpulan properti yang tidak berurutan, yang masing-masing memiliki nama dan nilai.

untuk membuat Objek kita dapat membuat objek dengan kata kunci baru.

Adapun contoh penulisan Sintaksisnya sebagai berikut :

var info = new object();

Properti Objek


Untuk membuat atau menyetel (menyeting) properti, gunakan titik atau tanda kurung siku, perhatikan contoh dibawah ini :

info.studentName = " Elfiansyah ";  info["course"] = " Elfiansyah ";

Begitu juga pada Metode Objek (Object Methods)


Untuk membuat atau menyetel properti, gunakan titik atau tanda kurung siku, perhatikan kembali contoh dibawah ini : 

document.write("disinilah contoh metodenya");

Operator_Javascript


Operator digunakan untuk melakukan beberapa operasi antar variabel. JavaScript memiliki jenis operator yang berbeda untuk tujuan yang berbeda.

Operator Aritmatika

Operator aritmatika adalah operator yang digunakan untuk melakukan operasi antara nilai numerik umumnya.

Operator Deskiripsi
+ Ini disebut Operator Penambahan yang digunakan untuk menambahkan dua atau lebih variabel. Misalnya. var x + var y.
- Ini disebut Operator Pengurangan yang digunakan untuk mendapatkan selisih dari dua variabel atau lebih. Misalnya. var x - var y.
* Ini disebut Operator Perkalian yang digunakan untuk mendapatkan hasil kali dari dua atau lebih variabel. Misalnya. var x * var y.
/ Ini disebut Operator Divisi yang digunakan untuk mendapatkan hasil bagi dari dua atau lebih variabel. Misalnya. var x / var y.
% Ini disebut Operator Modulus yang digunakan untuk mendapatkan sisa dari dua variabel atau lebih. Misalnya. var x % var y.
var x++ Ini disebut Post-Increment Operator yang digunakan untuk mengembalikan var x kemudian meningkatkan nilai variabel sebesar 1
var x-- Ini disebut Post-Decrement Operator yang digunakan untuk mengembalikan var x kemudian menurunkan nilai variabel sebesar 1
   

Operator Penugasan

Operator penugasan adalah operator yang digunakan untuk menetapkan nilai ke variabel.

Operator Deskiripsi
var x=var y Ini digunakan untuk menetapkan nilai ke variabel. Misalnya. var x = 100;
var x+=var y Ini sama dengan var x = var x + var y
var x-=var y Ini sama dengan var x = var x-var y
var x*=var y Ini sama dengan var x = var x * var y
var x/=var y Ini sama dengan var x = var x / var y
var x %=var y Ini sama dengan var x = var x % var y
   

Operator Perbandingan

Operator perbandingan adalah operator yang digunakan untuk membandingkan dua nilai.

Operator Deskiripsi
var x==var y Ini disebut Equal Operator, ia mengembalikan nilai true jika var x sama dengan var y
var x!=var y Ini disebut Not Equal Operator, ia mengembalikan nilai true jika var x tidak sama dengan var y.
> Disebut Greater Than Operator, ia mengembalikan nilai true jika var x lebih besar dari var y.
< Disebut Less Than Operator, ia mengembalikan nilai true jika var x kurang dari var y.
>= Disebut Lebih Besar Dari atau Sama Dengan Operator, ia mengembalikan nilai true jika var x lebih besar dari atau sama dengan var y.
<= Ini disebut Kurang Dari atau Sama Dengan Operator itu mengembalikan nilai benar jika var x kurang dari atau sama dengan var y.
   

Operator Logis

Operator logika adalah operator yang digunakan untuk menggabungkan pernyataan bersyarat.

Operator Deskiripsi
var x and var y Ini sama dengan var x && var y. Ini disebut And Operator, ia mengembalikan true jika var x dan var y benar

var x or var y		 Itu sama dengan var x || var y. Ini disebut Atau Operator itu mengembalikan true jika salah satu dari itu benar.
!var x Disebut Not Operator, ia mengembalikan nilai true jika var x tidak benar
   

Jenis Data Javascript (Data Type)


Tipe Data adalah bagian yang sangat penting dari setiap bahasa pemrograman. Ini menentukan tipe variabel seperti variabel adalah angka, string, array, boolean, dan lai-lain.

 

Angka (Number)


Dalam tipe data ini variabel menyimpan nilai numerik apa pun. Semua angka dalam JavaScript direpresentasikan sebagai nilai floating-point. 

var a = 73383;   
var b = 6663.343;  
var c = 0.232; 
var d = 2 x 202;

String


Dalam tipe data ini variabel menyimpan semua karakter atau kelompok karakter dan nilainya disimpan dalam tanda kutip, contoh dalam penulisannya sebagai berikut : 

var a = " A ";  
var b = " Anggur "; 
var c = " Hai pengemar JavaScript ";

Boolean

Dalam tipe data ini, variabel disimpan benar atau salah yang mana pada prinsipnya bersifat pilihan.

var a = true;  var b = false;

Himpunan atau dikenal dengan array


Dalam tipe data ini variabel menyimpan satu atau lebih nilai semua nilai dipisahkan dengan koma dengan tanda kutip dan array ditulis dalam tanda kurung siku, contohnya sebagai berikut : 

var nama = [ " Elfiansyah " ];  
var Buah = [ " Anggur ", " Nanas Madu ", " Jeruk Nipis " ];   
var info = [ " 23 ", " 23.50 ", " Physics " ];

Dapatkan tipe variabel menggunakan operator typeof
Anda bisa mendapatkan tipe variabel apapun menggunakan operator typeof

var a = "Halo"; typeof a // mengembalikan string

var b = 335; typeof b // itu mengembalikan angka

var c = true; typeof c // mengembalikan

boolean var d = ["PHP", "CSS", "HTML", "JAVA"]]; typeof d // mengembalikan array

Demikian penulisan dan penjelasan tentang data tipe (Data Type) pada javascript.


Variabel Javascript


Variabel digunakan untuk menyimpan nilai. Sebelum Anda menggunakan variabel dalam program JavaScript, Anda harus mendeklarasikannya. Variabel dideklarasikan dengan kata kunci var.

Sintaksisnya sebagai berikut :

var variableName; Atau var variableName = nilai;

Contoh Variabel sebagai berikut:

var m;  var v = "HELLO JAVASCRIPT";  
var i = 0, j = 0, k = 0;  
var i = 47, j = 12, k = 412.49;

Ruang Lingkup Variabel atau dikenal dengan Variable Scope


Ini adalah tempat di mana Anda dapat mendefinisikan dan menggunakan variabel. Variable Scope terdiri dari dua jenis Variabel Global, Variabel Lokal.

Variabel Global: variabel global adalah variabel yang ditentukan di mana saja dalam kode javascript Anda dan Anda dapat menggunakan variabel itu di mana pun Anda mau.

Variabel Lokal: variabel lokal adalah variabel yang didefinisikan dalam fungsi javascript dan Anda hanya dapat menggunakan variabel itu di fungsi itu. Anda tidak dapat menggunakan variabel itu di luar fungsi itu.

Contoh Variabel Global seperti dibawah ini :

var v=67;

Adapun contoh Local Variable (Variabel Lokal) seperti dibawah ini :

function contoh()  {  var v=67;  }

Demikian tutorial Variable pada javascript semoga bermanfaat.

Fungsi Javascript


Fungsi adalah blok kode yang ingin kita gunakan lagi dan lagi hanya dengan memanggil dengan namanya.

Anda dapat membuat fungsi Anda sendiri dan menggunakannya kapan pun dan di mana pun Anda inginkan dengan mudah dengan membuat suatu fungsi dan memanggil fungsi itu.

Adapun Sintaks untuk Membuat Fungsi sebagai berikut :

function functionName() {Your code here; }// memanggil fungsinya sebagai berikut > functionName();

Adapun contohnya sebagai berikut :

function demo()  alert( "Hallo semua yang menggunakan Javascript" ); }  demo();

Ini akan menampilkan kailmat : Hallo semua yang menggunakan Javascript.

Ini adalah Sintaks Fungsi dengan parameter perhatikan contoh dibawah ini :

function functionName(parameters) {Skripmu disini} /*adapun untuk memanggilnya >>*/  functionName(parameter);

Anda dapat mengirim parameter dalam fungsi sebanyak yang Anda inginkan.

Contoh Fungsi dengan parameter sebagai berikut :

function demo(val)  {alert( "Disini tulis Value kamu adalah "+val);  }    demo(10);

Maka tentu mendapatkan dan mengirim parameter dalam fungsi sebanyak yang Anda inginkan, yakni untuk value diatas adalah 10

Contoh Nilai Pengembalian Fungsi sebagai berikut :

function demo(val)
{
var add=val+10;
return add;
}

var val2 = demo(10);
alert( "Disini adalah value kamu "+val2 );

Demikian penjelasan tentang skrip javascript diatas.

Input Data Tanpa Refresh Dengan Database MYSQL

Perhatikan setiap warna yang diberikan, karena kata-kata itu akan saling berhubungan atau dikenal dengan INTEGRASI jika sudah jadi maka menjadi INTEGRITED, Para penggunanya menjadi INTEGRITER (Integrity), Kata setiap warna yang diberikan selalu berhubungan dengan skrip selanjutnya

Input Data Tanpa Refresh

Input Data Tanpa Refresh Dengan Radio button

Kita Melanjutkan dari Input data tanpa refresh dengan database MySQL I yang sudah kita bahas sebelumnya, maka kita melanjutkan pembahasan ini walaupun tidak jauh berbeda hanya perbedaan pada pilihan kelamin, yang sebelumnya menggunakan type input, sekarang menggunakan type Radio button atau Checkbox kita pilih salah satunya saja,

Input Data dengan Radio button

Input Data Tanpa Refresh Dengan Checkbox

Ini hanya penambahan saja dari Input data tanpa refresh dengan database MySQL dan Input data tanpa refresh dengan database MySQL II yang sudah kita bahas sebelumnya, yakni sebelumnya menggunakan type input, dan type Radio button maka sekarang menggunakan Checkbox. Seperti biasa membuat database, atau bisa juga menggunakan database yang sudah ada

Input Data dengan Checkbox

Tim Xflash

Cookie Xflash

This website uses cookies. We use cookies to ensure that we give you the best experience on our website to personalise content, adverts and to analyse our traffic using Google Analytics. Read Xflash Privacy Policy and Cookie Policy and Terms & Conditions.

Situs web ini menggunakan cookie. Kami menggunakan cookie untuk memastikan bahwa kami memberikan pengalaman terbaik di situs kami untuk Anda dan untuk mempersonalisasi konten, iklan dan menganalisis lalu lintas menggunakan Google Analytics. Bacalah tentang : Kebijakan Privacy dan Kebijakan Cookie serta Syarat & Ketentuan Xflash.

Silahkan Anda dapat mengubah pengaturan cookie kapan saja, menghapus atau disable pada browser.

X-flash Increms 1.1
Developer © X-Flash-Elfiansyah Elham Di Support XFlash Company ; 2020–2024 - Copyright © Xflash Company All rights reserved.
Share

X

X-Bootcamp

Skill Pemrograman

"Belajar Pemrograman dan membuat Projek yang siap guna serta dikembangkan"

Dari Dasar sampai Mahir

Dengan atau melanjutkan menggunakan website ini, Anda menyetujui kebijakan cookies kami.

🍪 Read Our Cookie Policy & Disclaimer, We use cookies to help us give you the best experience on our website.If you continue without changing your settings, we will assume that you are happy to receive all cookies on our website. However, if you would like to, you can change your cookie settings at any time.