Cara menulis kode javascript di browser

Dalam JavaScript, objek jendela adalah objek lingkup global. Ini berarti bahwa variabel, properti, dan metode secara default menjadi milik objek jendela. Ini juga berarti bahwa menentukan kata kunci window adalah opsional

Contoh

Halaman Web Pertama Saya

Paragraf pertama saya

Cobalah sendiri "

---

Menggunakan konsol. catatan()

Untuk keperluan debugging, Anda dapat memanggil metode console.log() di browser untuk menampilkan data

Anda akan mempelajari lebih lanjut tentang debugging di bab selanjutnya

Contoh

Cobalah sendiri "

---

Cetak JavaScript

JavaScript tidak memiliki objek cetak atau metode cetak apa pun

Anda tidak dapat mengakses perangkat keluaran dari JavaScript

Satu-satunya pengecualian adalah Anda dapat memanggil metode document.write()1 di browser untuk mencetak konten dari jendela saat ini

Pada awalnya saya tidak begitu mengerti nilai dari kesepakatan ini, jadi coba saja, dan saya langsung ketagihan. ) izinkan saya memulai dengan mengatakan ini SOOOO super ramping. Menjalankan beberapa bug dengan sengaja dan ditampilkan deskripsi langsung dan tepat dari bug yang telah saya buat. Fitur debug sepadan dengan harganya saja. Kemudian saya memutar proyek reaksi dalam hitungan detik, (berputar artinya saya mengklik tombol. ) dan pratinjau langsung INSTAN ada di sana. tidak ada npm run start atau apapun. dan hampir semua kerangka frontend panas yang dapat Anda pikirkan tentang vue. js 3 ada. dan berbagai kerangka kerja css termasuk favorit pribadi saya. penarik css. sangat senang

Bagus untuk belajar, menguji, dan menghemat waktu

Saya menggunakan ini untuk mempelajari dan menguji berbagai teknologi web. Lewat sudah waktu yang dihabiskan untuk menyiapkan semuanya, saya juga mendapatkan pratinjau langsung langsung dari pekerjaan saya ditambah dengan konsol yang berguna. Saya bekerja dengan tailwindcss, alpinejs, bootstrap dan saya dapat dengan mudah menjelajahi teknologi lainnya. Penulis responsif dan memelihara aplikasi. Saya meminta beberapa kerangka kerja, ini kemudian ditambahkan. Saya senang memiliki alat ini di gudang senjata saya karena alat ini mengubah cara saya sekarang bekerja di web

Tempat sentral untuk mencoba kode dan menguji ide-ide baru

Saya memerlukan pusat (online) untuk mencoba kode dan menguji ide-ide baru. PlayCode mudah digunakan, elegan, dan tampaknya telah mencakup semua kerangka kerja dan pustaka utama

Hanya apa yang saya cari

Itu bagus sekali. Alat yang sangat diremehkan, sangat berguna untuk pengembang dan penggemar pengembang lainnya dan semua orang yang ingin belajar coding

Editor kode yang menarik dan berguna terutama fitur subdomainnya luar biasa. Saya akan merekomendasikan orang untuk mencoba Playcode. Kerja bagus, lanjutkan

Pengalaman yang sangat menyenangkan, editor cantik yang memenuhi semua kebutuhan JavaScript, kemampuan untuk menambahkan pustaka eksternal sangat bagus, jendela dan menyesuaikannya adalah salah satu fitur terbaik, juga yang terpenting adalah konsol dan menunjukkan hasilnya dalam . Saya sangat merekomendasikan untuk mencobanya, itu sangat berharga

JavaScript dibuat untuk web, tetapi JavaScript dapat melakukan lebih banyak lagi. Pelajari dasar-dasarnya, lalu unduh lembar contekan kami sehingga Anda selalu memiliki detailnya

Oleh

Seth Kenlon (Tim, Topi Merah)

22 Juli 2021 . . %t mnt dibaca

Daftar atau Masuk untuk menyukai

Gambar oleh

Sumber terbuka. com

JavaScript adalah bahasa pemrograman yang penuh kejutan menyenangkan. Banyak orang pertama kali menemukan JavaScript sebagai bahasa untuk web. Ada mesin JavaScript di semua browser utama, ada kerangka kerja populer seperti JQuery, Cash, dan Bootstrap untuk membantu membuat desain web lebih mudah, dan bahkan ada lingkungan pemrograman yang ditulis dalam JavaScript. Tampaknya ada di mana-mana di internet, tetapi ternyata itu juga merupakan bahasa yang berguna untuk proyek seperti Electron, perangkat sumber terbuka untuk membuat aplikasi desktop lintas platform dengan JavaScript

JavaScript adalah bahasa multiguna yang mengejutkan dengan beragam pustaka untuk lebih dari sekadar membuat situs web. Mempelajari dasar-dasar bahasa itu mudah, dan merupakan pintu gerbang untuk membangun apa pun yang Anda bayangkan

Instal JavaScript

Pemrograman dan pengembangan

• Blog Pengembang Red Hat
• Lembar cheat pemrograman
• Coba gratis. Langganan Pembelajaran Red Hat
• eBuku. Pengantar pemrograman dengan Bash
• Lembar Curang Pembuatan Skrip Bash Shell
• eBuku. Modernisasi Enterprise Java

Saat Anda maju dengan JavaScript, Anda mungkin menginginkan pustaka dan runtime JavaScript tingkat lanjut. Namun, ketika Anda baru memulai, Anda tidak perlu memasang JavaScript sama sekali. Semua browser web utama menyertakan mesin JavaScript untuk menjalankan kode. Anda dapat menulis JavaScript menggunakan editor teks favorit Anda, memuatnya ke browser web Anda, dan melihat apa yang dilakukan kode Anda

Mulailah dengan JavaScript

Untuk menulis kode JavaScript pertama Anda, buka editor teks favorit Anda, seperti Notepad++, Atom, atau VSCode. Karena dikembangkan untuk web, JavaScript bekerja dengan baik dengan HTML, jadi pertama-tama, cobalah beberapa HTML dasar

  
    
  
  
    
Nothing here.
  

Simpan file, lalu buka di browser web

Gambar oleh

(Seth Kenlon, CC BY-SA 4. 0)

Untuk menambahkan JavaScript ke halaman HTML sederhana ini, Anda dapat membuat file JavaScript dan merujuknya di halaman head atau hanya menyematkan kode JavaScript Anda di HTML menggunakan tag _

Muat ulang halaman di browser Anda

Gambar oleh

(Seth Kenlon, CC BY-SA 4. 0)

Seperti yang Anda lihat, tag

_ seperti yang tertulis masih berisi string "Tidak ada apa-apa di sini", tetapi saat dirender, JavaScript mengubahnya sehingga berisi "Halo dunia" sebagai gantinya. Ya, JavaScript memiliki kekuatan untuk membangun kembali (atau hanya membantu membangun) halaman web

JavaScript dalam skrip sederhana ini melakukan dua hal. Pertama, ia membuat variabel bernama myvariable dan menempatkan string "Hello world. " ke dalamnya. Akhirnya, ia mencari dokumen saat ini (halaman web saat browser merendernya) untuk setiap elemen HTML dengan ID example. Saat menemukan example, ia menggunakan fungsi

  
    
  
  
    
Nothing here.

    
    
  

1 untuk mengganti konten elemen HTML dengan konten myvariable

Tentu saja, menggunakan variabel khusus tidak diperlukan. Sama mudahnya untuk mengisi elemen HTML dengan sesuatu yang dibuat secara dinamis. Misalnya, Anda dapat mengisinya dengan stempel waktu

  
    
  
  
    
Date and time appears here.

    
    
  

Muat ulang halaman untuk melihat stempel waktu yang dihasilkan saat halaman dirender. Muat ulang beberapa kali untuk melihat penambahan detik

Sintaks JavaScript

Dalam pemrograman, sintaks mengacu pada aturan bagaimana kalimat (atau "baris") ditulis. Dalam JavaScript, setiap baris kode harus diakhiri dengan titik koma (

  
    
  
  
    
Nothing here.

    
    
  

3) sehingga mesin JavaScript yang menjalankan kode Anda memahami kapan harus berhenti membaca

Kata (atau "string") harus diapit oleh tanda kutip (

  
    
  
  
    
Nothing here.

    
    
  

4), sedangkan angka (atau "bilangan bulat") tidak perlu

Hampir semua yang lain adalah konvensi bahasa JavaScript, seperti variabel, array, pernyataan kondisional, objek, fungsi, dan sebagainya.

Membuat variabel dalam JavaScript

Variabel adalah wadah untuk data. Anda dapat menganggap variabel sebagai kotak tempat Anda dapat meletakkan data untuk dibagikan dengan program Anda. Membuat variabel dalam JavaScript dilakukan dengan dua kata kunci yang Anda pilih berdasarkan bagaimana Anda ingin menggunakan variabel tersebut.

  
    
  
  
    
Nothing here.

    
    
  

5 dan

  
    
  
  
    
Nothing here.

    
    
  

6. Kata kunci

  
    
  
  
    
Nothing here.

    
    
  

6 menunjukkan variabel yang dimaksudkan untuk digunakan seluruh program Anda, sementara

  
    
  
  
    
Nothing here.

    
    
  

5 membuat variabel untuk tujuan tertentu, biasanya di dalam fungsi atau loop

Fungsi

  
    
  
  
    
Nothing here.

    
    
  

_9 bawaan JavaScript dapat membantu Anda mengidentifikasi jenis data yang berisi variabel. Menggunakan contoh pertama, Anda dapat mengetahui jenis data apa yang myvariable berisi dengan memodifikasi teks yang ditampilkan menjadi

let myvariable = "Hello world!";
document.getElementById("example").innerHTML = typeof(myvariable);

Ini merender "string" di browser web Anda karena variabelnya berisi "Hello world. " Menyimpan berbagai jenis data (seperti bilangan bulat) di myvariable akan menyebabkan jenis data yang berbeda dicetak ke halaman web sampel Anda. Coba ubah isi myvariable ke nomor favorit Anda lalu muat ulang halaman

Membuat fungsi dalam JavaScript

Fungsi dalam pemrograman adalah pemroses data mandiri. Itulah yang membuat pemrograman menjadi modular. Itu karena ada fungsi sehingga pemrogram dapat menulis pustaka generik yang, misalnya, mengubah ukuran gambar atau melacak berlalunya waktu untuk pemrogram lain (seperti Anda) untuk digunakan dalam kode mereka sendiri

Anda membuat fungsi dengan memberikan nama khusus untuk fungsi Anda diikuti dengan sejumlah kode yang disertakan dalam kurung kurawal

Inilah halaman web sederhana yang menampilkan gambar yang diubah ukurannya dan tombol yang menganalisis gambar dan mengembalikan dimensi gambar yang sebenarnya. Dalam kode contoh ini, elemen HTML

  
    
  
  
    
Date and time appears here.

    
    
  

_3 menggunakan fungsi JavaScript bawaan

  
    
  
  
    
Date and time appears here.

    
    
  

4 untuk mendeteksi interaksi pengguna, yang memicu fungsi khusus yang disebut

  
    
  
  
    
Date and time appears here.

    
    
  

5

  
    
  
  

    

      
        Get image size
    
    
    
    

      

    
   
    
    
  

Simpan file dan muat ke browser web Anda untuk mencoba kodenya

Gambar oleh

(Seth Kenlon, CC BY-SA 4. 0)

Aplikasi lintas platform dengan JavaScript

Anda dapat melihat dari contoh kode bagaimana JavaScript dan HTML bekerja sama secara erat untuk menciptakan pengalaman pengguna yang kohesif. Ini adalah salah satu kekuatan besar JavaScript. Saat Anda menulis kode dalam JavaScript, Anda mewarisi salah satu antarmuka pengguna komputasi modern yang paling umum terlepas dari platformnya. peramban web. Kode Anda bersifat lintas platform, jadi aplikasi Anda, apakah itu hanya penganalisa ukuran gambar yang sederhana atau editor gambar yang kompleks, permainan video, atau apa pun yang Anda impikan, dapat digunakan oleh semua orang dengan browser web (atau desktop).

Belajar JavaScript itu mudah dan menyenangkan. Ada banyak situs web dengan tutorial yang tersedia. Ada juga lebih dari satu juta pustaka JavaScript untuk membantu Anda berinteraksi dengan perangkat, periferal, Internet of Things, server, sistem file, dan banyak lagi. Dan saat Anda mempelajarinya, dekatkan lembar contekan JavaScript kami agar Anda mengingat detail sintaks dan struktur yang halus

Apa yang harus dibaca selanjutnya

Panduan praktis untuk penutupan JavaScript

Dapatkan pemahaman yang lebih baik tentang cara kerja dan eksekusi kode JavaScript dengan mendalami salah satu konsep tingkat lanjut. penutupan

Nimisha Mukherjee

15 Februari 2021

Pelajari JavaScript dengan menulis permainan tebak-tebakan

Ambil langkah pertama untuk membuat konten web yang interaktif dan dinamis dengan mempraktikkan beberapa konsep dasar JavaScript dengan game sederhana

Mandy Kendall

20 Januari 2021

4 alasan mengapa JavaScript begitu populer

Ada alasan bagus mengapa JavaScript secara konsisten berada di antara bahasa pemrograman teratas

Nimisha Mukherjee

2 November 2020

Tag

Lembar contekan

JavaScript

Seth Kenlon

Seth Kenlon adalah pecandu UNIX, advokat budaya bebas, seniman multimedia independen, dan kutu buku D&D. Dia telah bekerja di industri film dan komputasi, seringkali pada waktu yang bersamaan

Bagaimana cara saya membuat kode JavaScript di browser?

Bagaimana cara saya membuat kode JavaScript di chrome?

Bagaimana cara menulis JavaScript di konsol browser?

Bagaimana kode JS dijalankan di browser?