Pada ksemepatan kali ini saya akan menjelaskan cara menggunakan template literal di JavaScript. Perlu teman-teman ketahui sebelumnya, di ES6 (ECMAScript 6) terdapat salah satu feature baru yang bernama template string. Untuk penggunaan template string tersebut sangat membantu teman-teman untuk mengkombinasikan literal dengan variabel. Pada feature tersebut terdapat beberapa aturan yang yang dapat teman-teman gunakan untuk mencetak dari suatu variabel maupun literal. Show Mungkin sebagian teman-teman sudah biasa menggunakan operator + untuk memisahkan literal dan suatu variabel sehingga output dari hasil cetak nantinya menjadi satu (digabung). Beda halnya jika teman-teman menggunakan template literal, disini teman-teman dapat menampilkan literal dan variabel tanpa harus menggunakan pemisah operator + (plus). Dan teman-teman dapat langsung menggabungkan nya layaknya seperti ketika teman-teman ingin menampilkan string di dalam console.log(). Namun untuk penggunaanya ada beberapa syarat khusus, ketika teman-teman ingin menampilkan suatu variabel dan string di dalam console.log() teman-teman harus memasukan kode Menggunakan Template Literaltemplate literal 1 2 3 4 5 6 7 8 9 10 11 12 13 14 <!doctype html> <html> <head> <meta charset="utf-8"> <title>Menggunakan Template Literal</title> </head> <body> </body> <script> var materi = 'JavaScript'; var kata = 'Bahasa Pemrograman Website'; alert(`${materi} Adalah Salah Satu ${kata} Yang Sedang Populer`); </script> </html> Menggunakan Template Non Literalnon-literal 1 2 3 4 5 6 7 8 9 10 11 12 13 14 <!doctype html> <html> <head> <meta charset="utf-8"> <title>Menggunakan Template Non Literal</title> </head> <body> </body> <script> var materi = 'JavaScript'; var kata = 'Bahasa Pemrograman Website'; alert(materi+ ' Adalah Salah Satu ' +kata+ ' Yang Sedang Populer'); </script> </html> Seperti yang teman-teman lihat dari perbedaan kedua metode tersebut, dimana disaat teman-teman menggunakan template literal harus menggunakan kode (backtik) sebagai pengapit diantara kode variabel dan string. Dan tidak hanya itu saja template literal memudahkan teman-teman untuk membuat Multiline tanpa harus menggunakan atau menyisipkan tag html paragraf. Berikut contoh penulisannya : Template Literal Multiline 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 <!doctype html> <html> <head> <meta charset="utf-8"> <title>Template Literal Multiline</title> </head> <body> </body> <script> alert(`ini contoh paragraf satu ini contoh paragraf dua ini contoh paragraf tiga ini contoh paragraf empat ini contoh paragraf empat`); </script> </html> Sampai disini penjelasan saya mengenai cara menggunakan template literal di JavaScript, semoga bermanfaat. Bagaimana cara memberikan komentar multiline pada JavaScript?Komentar multi line diawali dengan /* (garis miring bintang) dan diakhiri dengan */ (bintang garis miring). Kode atau teks apa pun yang berada diantara /* dan */ tidak akan dieksekusi oleh mesin.
Bagaimana membuat komentar di JavaScript bila lebih dari satu baris kode?Javascript memiliki du acara untuk menulis komentar, yaitu :. menggunakan tanda // digunakan untuk komentar yang terdiri dari satu baris.. menggunakan tanda /* …. */ digunakan untuk komentar yang terdiri dari beberapa baris.. Apa itu string dalam JavaScript?String adalah data yang berisi deretan karakter yang digunakan untuk merepresentasikansebuah teks. String diawali dan diakhiri dengan tanda kutip ganda atau kutip tunggal.
Bagaimana cara yang benar untuk menggunakan file JavaScript di HTML?Anda bisa langsung menambahkan JavaScript di HTML dengan menggunakan tag <script></script> yang mencakup semua kode JS yang Anda tulis. Kode JS yang bisa ditambahkan: di antara tag <head> di antara <body>
|
Cara menggunakan javascript multiline string
Pos Terkait
Copyright © 2024 membukakan Inc.
