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
Paragraf pertama saya
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
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
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
JS
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 . Dalam contoh ini, saya menyematkan kode
JS
Nothing here.
let myvariable = "Hello world!";
document.getElementById["example"].innerHTML = myvariable;
_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
JS
Nothing here.
let myvariable = "Hello world!";
document.getElementById["example"].innerHTML = myvariable;
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
JS
Date and time appears here.
document.getElementById["example"].innerHTML = Date[];
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 [
JS
Nothing here.
let myvariable = "Hello world!";
document.getElementById["example"].innerHTML = myvariable;
3] sehingga mesin JavaScript yang menjalankan kode Anda memahami kapan harus berhenti membacaKata [atau "string"] harus diapit oleh tanda kutip [
JS
Nothing here.
let myvariable = "Hello world!";
document.getElementById["example"].innerHTML = myvariable;
4], sedangkan angka [atau "bilangan bulat"] tidak perluHampir 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.
JS
Nothing here.
let myvariable = "Hello world!";
document.getElementById["example"].innerHTML = myvariable;
5 dan
JS
Nothing here.
let myvariable = "Hello world!";
document.getElementById["example"].innerHTML = myvariable;
6. Kata kunci
JS
Nothing here.
let myvariable = "Hello world!";
document.getElementById["example"].innerHTML = myvariable;
6 menunjukkan variabel yang dimaksudkan untuk digunakan seluruh program Anda, sementara
JS
Nothing here.
let myvariable = "Hello world!";
document.getElementById["example"].innerHTML = myvariable;
5 membuat variabel untuk tujuan tertentu, biasanya di dalam fungsi atau loopFungsi
JS
Nothing here.
let myvariable = "Hello world!";
document.getElementById["example"].innerHTML = myvariable;
_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
JS
Date and time appears here.
document.getElementById["example"].innerHTML = Date[];
_3 menggunakan fungsi JavaScript bawaan
JS
Date and time appears here.
document.getElementById["example"].innerHTML = Date[];
4 untuk mendeteksi interaksi pengguna, yang memicu fungsi khusus yang disebut
JS
Date and time appears here.
document.getElementById["example"].innerHTML = Date[];
5
Imager
Get image size
function get_size[i] {
let w = i.naturalWidth;
let h = i.naturalHeight;
alert[w + " by " + h];
}
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 2021Pelajari 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 20214 alasan mengapa JavaScript begitu populer
Ada alasan bagus mengapa JavaScript secara konsisten berada di antara bahasa pemrograman teratas
Nimisha Mukherjee
2 November 2020Tag
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