Cara menggunakan contoh program javascript

Tentu pertanyaannya adalah, dari mana Anda harus memulai ketika ingin mempelajari bahasa pemrograman ini JavaScript ? . JavaScript berikut ini. 

Jadi, Anda akan mengetahui semua yang diperlukan untuk mempelajari JavaScript ini. Misalnya, Anda harus belajar mulai dari apa yang perlu dipahami terlebih dahulu seperti aturan dalam coding JavaScript, penggunaan variabel dan tipe data, hingga cara untuk mempraktekkan panduannya sendiri JavaScript.

Pengertian Tentang Javascript

Javascript adalah bahasa pemrograman yang digunakan dalam membangun situs web dari sisi klien (sisi klien). Javascript dapat membuat website yang Anda buat terlihat lebih dinamis dan interaktif. Ini tidak dapat dilakukan dengan HTML dan CSS. Untuk membuat halaman situs web, Anda tidak harus menggunakan JavaScript. Namun saat ini, JavaScript hadir di setiap tampilan website modern. Jadi JavaScript adalah salah satu bahasa pemrograman website yang wajib dikuasai oleh seorang web developer.

JavaScript adalah bahasa pemrograman tingkat tinggi, bertipe scripting (scripting language), yang ditulis secara dinamis (diketik secara dinamis), dan dijalankan oleh juru bahasa atau penerjemah. Karena merupakan bahasa pemrograman tingkat tinggi, JavaScript memiliki aturan penulisan yang menyerupai bahasa manusia. Dengan demikian, untuk mempelajarinya akan lebih mudah, bahkan untuk pemula sekalipun.  

Adapun yang dimaksud dengan bahasa scripting adalah bahasa pemrograman yang sudah tertanam dalam program yang lebih besar, seperti web browser. Nah, yang bisa menggunakan bahasa pemrograman JavaScript ini adalah programnya.

Sedangkan yang dimaksud dengan dinamis diketik adalah variabel dalam program dengan coding JavaScript yang berisikan tipe data yang berbeda. Anda dapat mengisi variabel dengan angka, kemudian menggantinya ke dalam bentuk huruf, tanpa akan mengalami error.

Bahasa pemrograman JavaScript harus dijalankan oleh seorang interpreter, karena ini agar prosesnya dapat dipahami oleh komputer sehingga dapat dijalankan. Nah, untuk proses ini bisa dilakukan secara otomatis oleh web browser.  

JavaScript dikenal sebagai bahasa pemrograman tertua di dunia. Sudah ada sejak tahun 1995, dengan nama awal Mocca. Kemudian berubah nama menjadi LiveScript, sebelum akhirnya diberi nama JavaScript dengan standardisasi dari EcmaScript.

Adapun EcmaScript sendiri merupakan standarisasi dari Scripting bahasa yang dibuat oleh European Computer Manufacturers Association (ECMA). Dengan EcmaScript, maka JavaScript dapat berjalan lancar di berbagai browser web. Karena sudah ada sejak lama, tidak mengherankan jika JavaScript menjadi bahasa pemrograman paling populer berdasarkan survei Stack Overflow. Sebanyak 97,7% website di internet menggunakan bahasa pemrograman JavaScript.  

Mengapa Belajar Bahasa Pemrograman JavaScript?

Bahasa pemrograman JavaScript pertama kali dibuat pada tahun 1995 oleh perusahaan Netscape Communications. Perusahaan mendefinisikan JavaScript sebagai “bahasa scripting atau pemrograman yang dapat digunakan untuk membuat hal-hal kompleks pada halaman situs web . "Bahasa ini dapat membuat halaman website menjadi lebih user friendly dan dinamis , sekaligus dapat menanggapi tindakan dari pengunjung situs web. Dapat dikatakan bahwa JavaScript berperan dalam membuat sebuah website menjadi lebih interaktif. Itu sebabnya banyak orang ingin mempelajari bahasa pemrograman tertua ini.

Berikut adalah beberapa alasan mengapa Anda harus mempelajari bahasa pemrograman JavaScript sekarang juga

1. Bersifat Open Source dan Gratis 

Mempelajari JavaScript adalah kegiatan yang tidak memerlukan lisensi untuk menggunakan bahasa ini. Mengapa demikian? . Baik untuk penggunaan pribadi maupun untuk tujuan komersial. Selain itu, Anda dapat menggunakan semua fitur secara lengkap, tanpa harus meminta izin untuk membeli serial number atau bahkan serial number.software serial number atau bahkan software tertentu.

2. Tidak Perlu Pemasangan 

JavaScript adalah program yang berjalan di atas program lain seperti browser web. Oleh karena itu, semua peramban web yang ada di pasaran memiliki mesin untuk dapat jalankan JavaScript. Selama anda memiliki web browser, maka anda bisa langsung melihat hasil coding dengan menggunakan JavaScript. Dengan demikian, Anda tidak perlu lagi menginstal web server, compiler, atau bahkan dapat melakukan perubahan konfigurasi pada sistem.

3. Memiliki Komunitas Luas

Dikenal sebagai bahasa pemrograman yang paling populer, JavaScript memiliki dukungan komunitas yang sangat luas dan besar, serta mendukung. Dengan demikian jika anda ingin belajar JavaScript maka anda tidak akan merasa kesulitan karenanya. Berikut adalah beberapa komunitas populer untuk belajar tentang bahasa pemrograman JavaScript.

1.     JavaScript Stack Overflow
2.     Pelajari JavaScript Reddit
3.     Komunitas JavaScript DEV
4.     Komunitas Penguasaan JavaScript
5.     Komunitas JavaScript Indonesia

4. Memiliki Ekosistem yang Luas

JavaScript adalah bahasa pemrograman yang memiliki ekosistem yang cukup besar. Mengingat perkembangannya yang pesat, JavaScript memiliki banyak kerangka kerja JavaScript, pustaka, dan plugins yang dapat anda gunakan sesuai dengan kebutuhan anda. Tentunya dengan adanya ekosistem yang begitu besar, maka JavaScript tidak lagi hanya digunakan untuk membuat website dari sisi klien saja, tetapi juga dapat digunakan untuk pengembangan back end, aplikasi seluler, dan seterusnya.

5. Mudah untuk dipelajari

Setiap bahasa pemrograman memiliki tingkat kesulitan yang berbeda. Adapun JavaScript merupakan bahasa pemrograman yang mudah dipelajari oleh siapa saja termasuk pemula, karena memiliki aturan penulisan yang lebih sederhana dan lebih mudah dipahami.

6. Sangat kuat

JavaScript adalah salah satu bahasa pemrograman tertua, inilah yang membuat JavaScript sangat kuat. Pada awalnya semua website masih menggunakan sistem PHP saja, dan mungkin menggunakan WordPress. Semua logika pemrograman web dibuat dan bergantung pada sisi server, sehingga membuat tampilan browser web cenderung kaku dan statis. Berkat JavaScript, logika pemrograman web dapat sepenuhnya ditangani di sisi klien, agar website menjadi lebih dinamis dan interaktif.

Baca juga. Mari Mengenal 9 Perbedaan Penting Antara Java dan Javascript

Yang Anda Butuhkan Untuk Mempelajari JavaScript

Bila Anda ingin mempelajari bahasa pemrograman JavaScript, maka ada dua alat yang harus Anda butuhkan. Diantaranya adalah.

1. Peramban Web

Web browser berfungsi sebagai penerjemah bahasa JavaScript ke dalam bahasa komputer (interpreter). Beberapa browser web yang dapat Anda gunakan antara lain Google Chrome, Microsoft Edge, Mozilla Firefox, dll.

2. Editor Kode

Code Editor mempunyai fungsi untuk menulis syntax atau kode program sehingga sebuah program JavaScript tetap utuh. Beberapa code editor yang dapat Anda coba antara lain Visual Studio Code, Sublime Text, Notepad++. Setelah mempersiapkan keduanya, selanjutnya pastikan bahwa Anda telah memahami terlebih dahulu beberapa panduan dalam bahasa pemrograman JavaScript.

Hal-hal yang Perlu Dipahami Sebelum Menggunakan JavaScript

Sebelum Anda melangkah lebih jauh dalam mempelajari coding JavaScript, setidaknya ada beberapa hal yang harus Anda pahami. Mulai dari cara penulisan, variabel, tipe data, hingga operator JavaScript. Simak saja penjelasan lengkapnya di bawah ini

Aturan Penulisan Kode JavaScript

Bahasa pemrograman JavaScript memiliki beberapa aturan dalam penulisan kode yang harus Anda ikuti, di antaranya adalah

1. Ruang putih

Spasi putih adalah area kosong yang berisi karakter tak terlihat di JavaScript, seperti spasi, tab atau masuk . Whitespace memiliki fungsi sebagai pengatur tata letak kode agar terlihat lebih rapi. Adapun penggunaan spasi putih tidak akan menambah ukuran file JavaScript secara signifikan, agar performa pada website tetap optimal. Selain itu, spasi putih akan diabaikan saat browser menjalankan JavaScript.

1

2

3

  fungsi toCelsius(fahrenheit) {

kembali (5 / 9) * (fahrenheit – 32);

}

2. Panjang garis

Panjang Baris atau disebut panjang baris adalah banyaknya karakter JavaScript yang berada dalam satu baris kode. Idealnya, satu baris kode terdiri dari total kurang dari 80 karakter. Hal ini bertujuan untuk meningkatkan kenyamanan saat coding JavaScript. Bila perintah JavaScript dalam satu baris terlalu panjang, maka potonglah perintah tersebut menjadi dua baris saja. Cobalah untuk memotong perintah setelah operator (+,-,=), seperti pada contoh di bawah ini.

1

2

dokumen. getElementById(“demo”). innerHTML =

  “Halo Dolly. ”;

 

3. Komentar

Dalam bahasa pemrograman JavaScript terdapat komentar yang berguna untuk merekam arti dari satu atau beberapa baris kode. Untuk itu, maka pastikan untuk menulis komentar dengan bahasa yang sederhana dan mudah dipahami. Ada dua cara untuk menandai komentar di JavaScript

• Cara pertama adalah komentar satu baris yang diawali dengan tanda // seperti contoh berikut

1

2

// Ubah judul

dokumen. getElementById(“myH”). innerHTML = “Halaman Pertama Saya”;

• Cara kedua adalah dengan menulis beberapa baris komentar dengan /* di awal dan di akhir komentar, seperti contoh berikut

1

2

3

4

5

/*Kode di bawah ini akan berubah

tajuk dengan id = "myH"

di halaman web saya

*/

dokumen. getElementById(“myH”). innerHTML = “Halaman Pertama Saya”;

4. Hal - hal sensitif

Bahasa pemrograman JavaScript memiliki properti Case Sensitive , yang artinya membedakan antara huruf besar dan huruf kecil. Misalnya, dalam variabel bernama ' helloworld ', akan menjadi dianggap berbeda dengan perintah ' HelloWorld '. Untuk itu, diupayakan untuk selalu konsisten dalam penulisan kode. Karena, kesalahan penulisan sekecil apapun bisa menyebabkan error pada website Anda. Jika perlu, hanya gunakan huruf kecil saat mengodekan JavaScript.

5. Aturan Pernyataan

Statement atau pernyataan adalah instruksi atau alur kerja dalam sebuah program. Dalam JavaScript, ada dua aturan standar dalam menulis pernyataan.

• Yang pertama adalah pernyataan sederhana yang diakhiri dengan titik koma (;), seperti pada contoh berikut.

1

2

3

4

5

6

7

8

const mobil = [“Volvo”, “Saab”, “Fiat”];

 

orang konstan = {

  nama depan. “Yohanes”,

  nama belakang. “Doe”,

  usia. 50,

  Pewarna mata. “biru”

  }; // Dengan titik koma

• Adapun yang kedua adalah complex statement dapat diakhiri tanpa titik koma seperti pada contoh berikut.

1

2

3

fungsi toCelcius(fahrenheit) {

kembali (5 / 9) * (fahrenheit – 32);

} // Tanpa titik koma

6. Kata Cadangan

Reserved Words adalah kata khusus yang tidak dapat digunakan sebagai nama variabel atau fungsi. Pasalnya, kata-kata tersebut telah digunakan untuk menjalankan perintah bawaan dalam bahasa pemrograman JavaScript. JavaScript. Berikut ini adalah daftar Kata yang Dicadangkan di JavaScript yang wajib untuk anda ketahui.

Berikut aturan penulisan beberapa Reserved Words di atas

• Ketika

1

2

3

4

  sementara (i < 10) {

text += “Nomornya adalah “ + i;

saya++;

}

• Untuk

1

2

3

untuk ( biarkan i = 0; i < mobil. panjangnya;

teks += mobil[i] + “;

}

• Beralih kasus

1

2

3

4

5

6

7

8

9

10

11

12

13

14

15

16

17

18

19

20

21

22

beralih (Tanggal baru(). getDay()) {

kasus 0

hari = “Minggu”;

istirahat;

kasus 1

hari = “Senin”;

istirahat;

kasus 2

hari = “Selasa”;

istirahat;

kasus 3

hari = “Rabu”;

istirahat;

kasus 4

hari = “Kamis”;

istirahat;

kasus 5

hari = “Jumat”;

istirahat;

kasus 6

hari = “Sabtu”;

}

Namun selain memahami aturan penulisan kode di atas, tentunya Anda juga harus memahami variabel. Berikut penjelasan poin tersebut

Baca juga. Ingin Menjadi Pengembang JavaScript yang Andal?

variabel JavaScript

Variabel adalah wadah yang digunakan untuk menampung nilai atau data dalam bahasa pemrograman. Variabel yang dapat diberi nama ini dapat menampung angka, teks, boolean, dll.

Ada tiga tahapan dalam penggunaan variabel saat mempelajari JavaScript, yaitu.

1. Deklarasi – Tahap meregistrasi variabel ke dalam program yang akan ditulis.
2. Inisialisasi – Tahap mempersiapkan memori yang nantinya akan digunakan oleh variabel.
3. Assignment – ​​​​ Tahap dalam pengaturan nilai tertentu untuk disimpan dalam sebuah variabel.

Contoh penerapannya seperti ini

1

2

  var x;//declaration & initialization

x = 10; //assignment

Sementara ada tiga Reserved Words yang dapat Anda gunakan untuk mendeklarasikan variabel yaitu var, let, dan const. Namun untuk pemula disarankan menggunakan var saja, karena aturannya lebih sederhana.

Berikut adalah beberapa aturan untuk membuat variabel yang harus Anda perhatikan

1. Hindari Penggunaan Spasi – Bila nama variabel terdiri dari dua kata, usahakan untuk tidak menggunakan spasi sebagai pemisah. Idealnya, gunakan garis bawah sebagai berikut.

1   var tanggal_lahir;

1. Hindari Number Prefixes – Penulisan angka tidak dapat digunakan sebagai awalan nama variabel, tetapi dapat digunakan untuk mengakhiri nama variabel, seperti berikut.

1

2

  var 1tanggal;//ini salah

  var tanggal1;//ini benar

1. Gunakan camelCase – camelCase adalah standar penulisan variabel yang disarankan. Format dasarnya sendiri adalah seluruh kata pertama menggunakan huruf kecil dan huruf pertama kata kedua menggunakan huruf besar, contohnya seperti berikut.

1   var Tahunlahir;

1. Use Shorthand – Shorthand adalah metode yang digunakan untuk mempersingkat penulisan variabel. Adapun kegunaannya sendiri adalah agar kode program yang dihasilkan menjadi lebih sederhana. Berikut adalah contoh penerapannya.

1

2

3

  var nama = “Arif”,

    usia = 17,

    lulus = benar ;

Dengan Shorthand, maka Anda tidak perlu menulis var pada 'usia' dan 'lulus', meskipun keduanya sebenarnya adalah variabel.

Setelah mengetahui apa itu Variable, selanjutnya silahkan pelajari apa itu tipe data JavaScript.

Tipe Data JavaScript

Seperti yang dijelaskan di atas, nilai akan disimpan dalam variabel. Nilai tersebut dapat berisi beberapa jenis data sebagai berikut

1. Nomor

JavaScript tidak seperti bahasa pemrograman lainnya. Itu tidak menggunakan tipe data numerik yang berbeda. Misalnya, integer, float, dan long. Hanya memiliki satu jenis angka, yaitu angka yang dapat menyimpan data hingga 64 bit. Selain itu, JavaScript tetap dapat digunakan pada berbagai jenis angka, seperti.

• Bilangan Bulat – Misalnya 10, 1500, dan 12345.
• Bilangan Pecahan – Misalnya 3. 14, 0. 5, dan 100. 00.
• Bilangan Eksponensial – Misalnya 123e5 atau 123e-5.
• Bilangan Negatif – Misalnya -0. 25 atau -123.
• Angka Khusus – Misalnya Infinity (10/0), -Infinity (-10/0), dan NaN (0/0).

2. Rangkaian

Dalam JavaScript, String adalah tipe data yang digunakan untuk menulis data tekstual (teks biasa). Untuk dapat membuat string, Anda perlu menambahkan tanda kutip pada teks. Bisa berupa tanda kutip ganda (“”) atau tanda kutip tunggal (“). Pada dasarnya, tidak ada aturan baku yang menjelaskan kapan harus menggunakan tanda kutip ganda atau tanda kutip tunggal. Namun, disarankan untuk menggunakan tanda kutip ganda dalam penulisan string. Kemudian, gunakan tanda kutip tunggal untuk penekanan pada teks tertentu seperti.

1 “Besok hari Jumat”

Anda bisa menerapkan sebaliknya. Kemudian gunakan tanda kutip tunggal untuk memulai string, jika teks tertentu menggunakan tanda kutip ganda, maka Anda dapat menulis seperti ini

1'Mereka sedang melakukan "Gerakan Menanam Pohon"'

3. Boolean

Nah, Boolean berguna untuk mendefinisikan berbagai tindakan dan mengatur alur kerja program. Boolean adalah tipe data dalam JavaScript yang digunakan untuk memberikan nilai logika true atau false . Adapun contoh penggunaan Boolean di saat coding JavaScript adalah sebagai berikut.

1

2

Boolean(10 > 20);

Salah

4. Fungsi

Function adalah tipe data berupa perintah yang dapat digunakan pada bagian program yang membutuhkan. Untuk menggunakannya, Anda perlu membuat Fungsi terlebih dahulu. Baru kemudian memanggilnya. Saat mempelajari JavaScript, ada dua jenis Fungsi yang harus Anda ketahui , yaitu.

• Fungsi Bawaan – Adalah Fungsi milik JavaScript siap pakai. Misalnya alert(), confirm(), dan prompt() .
• Fungsi yang Ditentukan Pengguna – Apakah Fungsi yang Anda buat sendiri. Formatnya adalah nama fungsi Function() .

Berikut contoh penggunaan Fungsi pada JavaScript.

1

2

3

  var x = myFunction(5, 4);

  fungsi myFunction(a, b) {

     kembalikan a * b;

5. Himpunan

Array adalah tipe data JavaScript yang digunakan untuk menampung lebih dari satu nilai dan memiliki < / a>indeks. Dengan Array, Anda dapat memasukkan tipe data yang berbeda dalam satu Array. Selain itu, Array juga berguna untuk menghemat penggunaan variabel saat pengkodean JavaScript.

Anda dapat menggunakan Array dengan membuat tanda kurung siku. Kemudian, tulis nilai Array di dalamnya dipisahkan dengan koma.

Contoh penulisan Array dalam bahasa pemrograman JavaScript seperti berikut ini.

1 var orang = [“John”, “Doe”, 46];

6. Obyek

Hampir mirip dengan Array, Object juga merupakan tipe data yang memiliki nilai lebih dari satu. Bedanya, Objek tidak memiliki indeks tetapi namanya. Mengapa Anda harus menggunakan Objek saat mempelajari JavaScript? . Karena, Anda dapat menyisipkan Object dapat mengorganisir data menjadi lebih baik dari Array. Karena, Anda dapat memasukkan Fungsi dan Array ke dalam Object. Hasilnya, Anda dapat menyimpan baris kode yang dihasilkan saat mengkodekan JavaScript. Nah berikut contoh penggunaan Object pada JavaScript.

1

2

3

4

5

6

7

8

orang konstan = {

  nama depan. "Yohanes",

  nama belakang. "Doe",

  skor . [5,7,8,10,9],

  namalengkap. fungsi () {

     kembalikan ini . firstName + ” ” + ini . nama belakang;

    }

};

Selain menguasai tipe data JavaScript, pastikan Anda juga mempelajari tentang operator JavaScript . Karena kedua hal ini saling berkaitan.

Baca juga. Sertifikasi JavaScript Paling Dicari Saat Ini

Operator JavaScript

Dalam JavaScript, operator adalah simbol yang digunakan untuk melakukan operasi. Baik itu perhitungan, perbandingan, atau logika. Nah, jenis-jenis operator JavaScript adalah sebagai berikut

1. Hitung

Operator aritmatika adalah operator yang digunakan untuk melakukan perhitungan matematis. Contohnya termasuk penjumlahan, pengurangan, dan perkalian. Contoh penggunaan operator aritmatika saat coding JavaScript adalah sebagai berikut.

1

2

3

5*6;

10% 2;

(1 + 2) / 3 * 6;

2. Penugasan

Saat mempelajari JavaScript, operator penugasan (penugasan) adalah operator yang digunakan untuk mendeklarasikan nilai suatu variabel. Misalnya, Anda dapat melihat operator penugasan pada contoh berikut.

1

2

  var x = 10;

x += 5;

3. Perbandingan

Arti operator perbandingan (perbandingan) adalah operator dalam JavaScript yang digunakan untuk membandingkan nilai dua variabel. Adapun operator pembanding ini nantinya akan menghasilkan Boolean ( true atau salah ). Berikut adalah contoh penggunaan operator pembanding.

1

2

10 <= 8;

Salah

4. Logika

Operator logika adalah operator yang digunakan untuk menentukan logika dari beberapa nilai yang digabungkan. Serupa dengan operator pembanding, operator ini juga dapat menghasilkan Boolean. Contohnya adalah ini.

1

2

3

  var x = 8;

(x % 2 == 0) && (x < 10);

BENAR

5. Rangkaian

Sesuai dengan namanya, operator string ini adalah operator yang digunakan untuk menggabungkan nilai dari tipe data string. Caranya adalah dengan menggunakan tanda + seperti pada operator aritmatika. Berikut contoh pada saat coding JavaScript.

1

2

3

  var text1 = “John”;

  var text2 = “Doe”;

  var text3 = text1 + ” ” + text2;

6. Jenis

Operator typeof adalah operator yang digunakan untuk mengetahui tipe data suatu nilai. Berikut contoh penggunaan Jenis operator pada bahasa pemrograman JavaScript.

1

2

3

4

  typeof “John”                 // Mengembalikan “string”

jenis 3. 14                   // Mengembalikan “angka”

  typeof false                   // Mengembalikan “boolean”

typeof [1,2,3,4]             // Mengembalikan “objek”

7. Bersyarat

Yang dimaksud dengan operator kondisional adalah operator yang digunakan untuk memeriksa suatu kondisi. Itu juga dapat menentukan nilai saat kondisi benar dan salah.

Contohnya adalah ini

1

2

3

  var umur = 26;

  var minuman = (umur >= 21) ? . “Jus”;

"Bir"

Itulah beberapa operator yang akan Anda temukan saat belajar JavaScript. Selanjutnya mari belajar menulis kode JavaScript.

Cara Menulis Kode JavaScript 

Ada dua cara yang bisa dicoba untuk membuat kode JavaScript, yaitu.

1. Langsung di File HTML (JavaScript Internal)

Sesuai namanya, Anda dapat langsung menyisipkan kode JavaScript ke dalam file file yang dalam format HTML. Caranya adalah dengan menulis kode di antara tag , lalu tempatkan script tersebut di tag . Contohnya adalah sebagai berikut.

 

1

2

3

4

5

6

7

8

  <. DOCTYPE html>DOCTYPE html>

< html >

< tubuh >

    < skrip >

        alert(“Ini adalah kode JavaScript. ”)

     skrip >

  tubuh>body>

  html>html>

2. Terpisah dari File HTML (JavaScript Eksternal)

Cara kedua adalah membuat file JavaScript terpisah, lalu menautkannya ke file HTML. JavaScript Eksternal lebih direkomendasikan, karena.

• Dapat digunakan kembali – Dapat Mengaktifkan JavaScript untuk digunakan di banyak file HTML.
• Keterbacaan – Dapat Membuat kode program lebih mudah dibaca.
• Kesingkatan – Dapat Merangkum jumlah baris kode yang akan dihasilkan.

Berikut adalah contoh penggunaan JavaScript Eksternal.

berkas HTML

1

2

3

4

5

6

  <. DOCTYPE html>DOCTYPE html>

< html >

< tubuh >

    < skrip src=”skrip. js”> skrip >

  tubuh>body>

  html>html>

file JavaScript

1alert("Ini adalah kode JavaScript. ”);

Pada poin selanjutnya, Anda akan berlatih membuat program sederhana dengan JavaScript.

Cara Membuat Program Sederhana dengan JavaScript

Seperti yang sudah dijelaskan, Anda memerlukan browser web dan editor kode di dalam mempraktikkan tutorial JavaScript. Nah, Anda bisa menggunakan browser Google Chrome dan editor Visual Studio Code.

Selain itu, Anda perlu menyiapkan folder di komputer sebagai tempat menyimpan file HTML dan JavaScript. Misalnya, folder diberi nama helloworld .

Setelah menyelesaikan beberapa hal di atas, berikut adalah tutorial JavaScript untuk membuat program sederhana yang menampilkan muncul saat menekan tombol.

Langkah-langkahnya adalah sebagai berikut

Pertama, buka Visual Studio Code dan buat file baru dengan mengeklik File > File Baru . Setelah itu, tuliskan kode berikut untuk membuat halaman HTML

1

2

3

4

5

6

7

8

9

10

11

12

  <. DOCTYPE html>DOCTYPE html>

< html lang=”en”>

< kepala >

    < meta set karakter=”UTF-8″ >

    < meta http-equiv=”X- Kompatibel dengan UA” konten=”IE=edge”>

    < meta nama=”viewport” konten=”width=lebar-perangkat, skala awal=1. 0″>

    < judul >Halo Dunia judul >

  kepala>head>

< tubuh >

    < h1 >Ini adalah Program JavaScript Pertama Saya h1 >

  tubuh>body>

  html>html>

 Simpan file dengan nama indeks. html.

 Selanjutnya buat file baru , lalu ketikkan kode di bawah ini. Ini berguna untuk membuat fungsi yang menampilkan munculan JavaScript.

1

2

3

  fungsi tombol() {

    alert(“Ini adalah Tombol JavaScript”);

};

 Kali ini simpan file dengan nama script. js . Kembali lagi ke file index. html , tambahkan kode berikut setelah tag . Fungsi untuk menghubungkan file ini dengan file script. js yang telah dibuat sebelumnya.

1

2

Klik Tombol Ini.

    

Simpan perubahan ke file

Baca juga. Keuntungan Belajar Bahasa Pemrograman Javascript

Penutupan

Bahasa pemrograman JavaScript adalah bahasa yang paling cocok untuk Anda pelajari, saat Anda masih pemula. Sebab, dapat digunakan secara gratis, tanpa memerlukan instalasi yang rumit, serta mendapat dukungan komunitas dan ekosistem yang luas.

 Asal rajin belajar tentu akan terbiasa dengan bahasa pemrograman ini. Setelah mahir, Anda akan dapat membuat situs web berdasarkan bahasa pemrograman JavaScript bagus. Selanjutnya buatlah online website, agar dapat diakses oleh banyak orang. Demikian pembahasan cara belajar bahasa pemrograman JavaScript. Semoga bermanfaat.

Apakah Anda lulusan baru, atau profesional TI yang sedang mencari pekerjaan impian? . Segera kirimkan CV Anda melalui email yang tertera di website dan raih masa depan cerah dengan karir yang cemerlang.

Bagaimana cara menjalankan JavaScript?

Aplikasi apa yang menggunakan JavaScript?

Apa fungsi JavaScript dan berikan contohnya?

Bagaimana cara membuat fungsi di JavaScript *?