Bagaimana Anda menjalankan javascript di javascript?

Question

JavaScript sebelumnya digunakan terutama untuk membuat halaman web interaktif seperti validasi formulir, animasi, dll. Saat ini, JavaScript juga digunakan di banyak area lain seperti pengembangan sisi server, pengembangan aplikasi seluler, dan sebagainya

Table of Contents Show

1. Menggunakan Tab Konsol Peramban Web
Menggunakan Node. js
Dengan Membuat Halaman Web
Bagaimana cara menjalankan JavaScript?
Bagaimana cara menjalankan JavaScript di baris perintah?
Bagaimana cara menulis JavaScript dalam JavaScript?
Bagaimana cara memulai file JavaScript?

Karena jangkauan aplikasinya yang luas, Anda dapat menjalankan JavaScript dengan beberapa cara

Menggunakan tab konsol browser web
Menggunakan Node. js
Dengan membuat halaman web

1. Menggunakan Tab Konsol Peramban Web

Semua browser web populer memiliki mesin JavaScript bawaan. Karenanya, Anda dapat menjalankan JavaScript di browser. Untuk menjalankan JavaScript di browser,

Buka browser favorit Anda (di sini kami akan menggunakan Google Chrome)
Buka alat pengembang dengan mengeklik kanan area kosong dan pilih Periksa. Jalan pintas. F12.
Periksa Peramban
Pada alat pengembang, buka tab konsol. Kemudian, tulis kode JavaScript dan tekan enter untuk menjalankan kode.
Tab konsol di Browser

Menggunakan Node. js

Node adalah lingkungan run-time back-end untuk mengeksekusi kode JavaScript. Untuk menjalankan JS menggunakan Node. js, ikuti langkah-langkah ini

Instal Node versi terbaru. js
Instal IDE/Editor Teks seperti Visual Studio Code. Dalam kode VS, buat file > tulis kode JS > simpan dengan. ekstensi js.
Kode dalam IDE
Buka terminal/command prompt > arahkan ke lokasi file > ketik node hello.js > tekan enter.
Eksekusi kode JS di node
Anda akan mendapatkan output di terminal

Catatan. Dimungkinkan juga untuk menjalankan JavaScript di terminal/command prompt secara langsung. Untuk itu, cukup ketik node dan tekan enter. Kemudian Anda dapat mulai menulis kode JS

Jalankan kode JS di node

Dengan Membuat Halaman Web

JavaScript awalnya dibuat untuk membuat halaman web menjadi interaktif, itulah mengapa JavaScript dan HTML berjalan beriringan. Untuk menjalankan JS dari halaman web, ikuti langkah berikut

Buka Kode VS > Buka File > File Baru > Simpan dengan. ekstensi html. Misalnya, ________30______
Salin doctype ini (kode HTML minimum yang valid) dan simpan di file.
```
  

  Programiz



  
```
Dengan cara yang sama, buat file JS, tulis kode JS berikut dan simpan dengan. ekstensi js seperti main.js.
```
console.log('hello world');
```
_
Kode JS dalam file
Dari dalam file HTML, kita perlu menautkan file main.js untuk menggunakannya. Anda dapat mencapainya dengan menambahkan kode berikut di main.html.
kode HTML dalam file
Buka file main.html menggunakan browser
Untuk memeriksa apakah kode JS kita berjalan atau tidak, klik kanan pada halaman web > Inspeksi > Pilih tab konsol.
Menampilkan kode JS di tab konsol

Sekarang setelah Anda mengetahui cara menjalankan JavaScript, mari kita mulai mempelajari dasar-dasar JavaScript dari tutorial berikutnya

Namun kami membutuhkan lingkungan kerja untuk menjalankan skrip kami dan, karena buku ini online, peramban adalah pilihan yang baik. Kami akan meminimalkan jumlah perintah khusus browser (seperti alert) sehingga Anda tidak menghabiskan waktu untuk itu jika Anda berencana untuk berkonsentrasi pada lingkungan lain (seperti Node. js). Kami akan fokus pada JavaScript di browser di bagian selanjutnya dari tutorial ini

Jadi pertama-tama, mari kita lihat bagaimana kita melampirkan skrip ke halaman web. Untuk lingkungan sisi server (seperti Node. js), Anda dapat menjalankan skrip dengan perintah seperti "node my.js"

Program JavaScript dapat disisipkan hampir di mana saja ke dalam dokumen HTML menggunakan tag <script>

Contohnya

<!DOCTYPE HTML>
<html>

<body>

  <p>Before the script...</p>

  <script>
    alert( 'Hello, world!' );
  </script>

  <p>...After the script.</p>

</body>

</html>

Anda dapat menjalankan contoh dengan mengklik tombol "Mainkan" di pojok kanan atas kotak di atas

Tag <script>_ berisi kode JavaScript yang dijalankan secara otomatis saat browser memproses tag

Tag <script>_ memiliki beberapa atribut yang jarang digunakan saat ini tetapi masih dapat ditemukan di kode lama

Atribut

<script type="text/javascript"><!--
    ...
//--></script>

2.

<script type="text/javascript"><!--
    ...
//--></script>

_3

Standar HTML lama, HTML4, memerlukan skrip untuk memiliki

<script type="text/javascript"><!--
    ...
//--></script>

2. Biasanya itu

<script type="text/javascript"><!--
    ...
//--></script>

5. Itu tidak diperlukan lagi. Juga, standar HTML modern benar-benar mengubah arti dari atribut ini. Sekarang, ini dapat digunakan untuk modul JavaScript. Tapi itu topik lanjutan, kita akan membicarakan modul di bagian lain tutorial ini

Atribut

<script type="text/javascript"><!--
    ...
//--></script>

6.

<script type="text/javascript"><!--
    ...
//--></script>

_7

Atribut ini dimaksudkan untuk menunjukkan bahasa naskah. Atribut ini tidak lagi masuk akal karena JavaScript adalah bahasa default. Tidak perlu menggunakannya

Komentar sebelum dan sesudah skrip

Dalam buku dan panduan yang sangat kuno, Anda mungkin menemukan komentar di dalam tag <script>, seperti ini

<script type="text/javascript"><!--
    ...
//--></script>

_

Trik ini tidak digunakan dalam JavaScript modern. Komentar ini menyembunyikan kode JavaScript dari browser lama yang tidak mengetahui cara memproses tag <script>. Karena browser yang dirilis dalam 15 tahun terakhir tidak memiliki masalah ini, komentar seperti ini dapat membantu Anda mengidentifikasi kode yang benar-benar lama

Jika kita memiliki banyak kode JavaScript, kita dapat memasukkannya ke dalam file terpisah

File skrip dilampirkan ke HTML dengan atribut

<script src="/path/to/script.js"></script>

0

<script src="/path/to/script.js"></script>

Di sini,

<script src="/path/to/script.js"></script>

_1 adalah jalur absolut ke skrip dari root situs. Seseorang juga dapat memberikan jalur relatif dari halaman saat ini. Misalnya,

<script src="/path/to/script.js"></script>

_2, seperti

<script src="/path/to/script.js"></script>

3, berarti file

<script src="/path/to/script.js"></script>

4 di folder saat ini

Kami juga dapat memberikan URL lengkap. Contohnya

<script src="https://cdnjs.cloudflare.com/ajax/libs/lodash.js/4.17.11/lodash.js"></script>

Untuk melampirkan beberapa skrip, gunakan beberapa tag

<script src="/js/script1.js"></script>
<script src="/js/script2.js"></script>
…

Tolong dicatat

Biasanya, hanya skrip paling sederhana yang dimasukkan ke dalam HTML. Yang lebih kompleks berada di file terpisah

Manfaat dari file terpisah adalah browser akan mengunduhnya dan menyimpannya di cache-nya

Halaman lain yang mereferensikan skrip yang sama akan mengambilnya dari cache alih-alih mengunduhnya, sehingga file tersebut sebenarnya hanya diunduh sekali

Itu mengurangi lalu lintas dan membuat halaman lebih cepat

Jika

<script src="/path/to/script.js"></script>

_0 disetel, konten skrip akan diabaikan

Satu tag <script> tidak boleh memiliki atribut dan kode

<script src="/path/to/script.js"></script>

0 di dalamnya

Ini tidak akan berhasil

<script src="file.js">
  alert(1); // the content is ignored, because src is set
</script>

Kita harus memilih

<script src="/path/to/script.js"></script>

_8 eksternal atau <script> biasa dengan kode

Contoh di atas dapat dibagi menjadi dua skrip agar berfungsi

<script src="file.js"></script>
<script>
  alert(1);
</script>

Kita dapat menggunakan tag <script>_ untuk menambahkan kode JavaScript ke halaman

Atribut

<script type="text/javascript"><!--
    ...
//--></script>

2 dan

<script type="text/javascript"><!--
    ...
//--></script>

6 tidak diperlukan

Skrip dalam file eksternal dapat disisipkan dengan

<script src="https://cdnjs.cloudflare.com/ajax/libs/lodash.js/4.17.11/lodash.js"></script>

3

Masih banyak lagi yang perlu dipelajari tentang skrip browser dan interaksinya dengan halaman web. Tapi mari kita ingat bahwa bagian dari tutorial ini dikhususkan untuk bahasa JavaScript, jadi kita tidak boleh mengalihkan perhatian kita dengan implementasi khusus browser itu. Kami akan menggunakan browser sebagai cara untuk menjalankan JavaScript, yang sangat nyaman untuk membaca online, tetapi hanya salah satu dari banyak

Bagaimana cara menjalankan JavaScript?

Aktifkan JavaScript di browser Anda .

Buka Chrome di komputer Anda

Klik. Pengaturan

Klik Keamanan dan Privasi

Klik Setelan situs

Klik JavaScript

Situs Pilih dapat menggunakan Javascript

Bagaimana cara menjalankan JavaScript di baris perintah?

Anda dapat menjalankan file JavaScript dari terminal Anda hanya jika Anda telah menginstal Node. Js di sistem Anda. .

Buka Terminal atau Prompt Perintah

Setel Jalur ke tempat Baru. js terletak (menggunakan cd)

Ketik “simpul Baru. js” dan tekan ENTER

Bagaimana cara menulis JavaScript dalam JavaScript?

Untuk menulis JavaScript, Anda memerlukan browser web dan editor teks atau editor HTML . Setelah Anda memiliki perangkat lunak, Anda dapat mulai menulis kode JavaScript. Untuk menambahkan kode JavaScript ke file HTML, buat atau buka file HTML dengan editor teks/HTML Anda.