Halaman

Senin, 18 Juli 2022

Lingkungan Pengembangan JavaScript.


Lingkungan pengembangan atau Development Environment adalah sistem atau tools dimana nantinya kita akan menuliskan program kita.

Biasanya untuk dapat menuliskan program dengan bahasa pemrograman tertentu kita harus menginstall tools yang diperlukan, melakukan konfigurasi tertentu dll. Untungnya itu semua tidak diperlukan jika kita akan menggunakan javascript, karena pada umumnya Interpreter javascript sudah ada didalam web browser yang terinstal didalam komputer kita.

Bagaimana caranya kita berinteraksi dengan Interpreter Javascript nya?

Ada dua cara untuk berinteraksi dengan interpreter javascript yang berada di web browser.

1. Menggunakan Console

Untuk dapat mengakses console dari web browser, kita harus memiliki halaman web terlebih dahulu. Sebagai contoh, mari kita membuat sebuah halaman web sederhana sbb:

<!DOCTYPE html>

<html lang="en">

<head>

    <meta charset="UTF-8">

    <meta name="viewport" content="width="device-width, intial-scale=1.0">

    <title>Hello World</title>

</head> 

<body>

    <h1>Hello World!</h1>

</body>

</html>

Simpan file diatas dengan ekstensi .html, misalnya "hello-world.html". Langkah selanjutnya adalah buka file html tersebut, setelah terbuka akan nampak seperti ini :

Disini saya menggunakan browser Google Chrome. Selanjutnya kita akses console di google chrome dengan cara sbb :

A. Klik kanan halaman web lalu pilih inspect:

Selanjutnya klik tab console:

Perintah atau syntax javascript bisa kita tulis langsung di console tersebut. Misal kita tulis sbb:

Lalu tekan Enter maka hasilnya akan muncul windows popup seperti ini:

Console juga bisa digunakan untuk mengetahui error yang ada didalam program javascript kita, juga bisa digunakan untuk proses debugging.


 

Referensi :

Tidak ada komentar:

Posting Komentar