Bagaimana cara menampilkan variabel dalam javascript?

Question

Seringkali lebih mudah untuk secara eksplisit mendefinisikan tag script dan menambahkan blok kode untuk keluaran yang diperlukan dalam badan HTML. Kami juga menggunakan tag script di tag head untuk memuat pagar kode JavaScript sebelum tag body

Table of Contents Show

Gunakan Test Hello! I'm . _0 untuk Menampilkan Variabel JavaScript di Badan HTML
Tampilkan variabel JavaScript menggunakan properti innerHTML
Tampilkan Variabel JavaScript menggunakan jendela. waspada() metode
Bagaimana cara mencetak data variabel dalam JavaScript?
Bagaimana cara mendapatkan nilai variabel dalam JavaScript?
Bagaimana cara menampilkan nilai variabel dalam JavaScript menggunakan peringatan?
Bagaimana cara mendeklarasikan variabel dalam JavaScript?

Setiap konvensi memiliki sambutannya; . Kita juga dapat menggunakan JavaScript di elemen body untuk peristiwa klik dan fitur dinamis lainnya

Di sini, kami akan mendemonstrasikan cara menampilkan variabel JavaScript di badan HTML, dan khususnya, kami akan menambahkan blok kode kami di elemen body. Namun ada perbedaan antara nilai yang diteruskan di badan HTML dan tampilan sementara nilai yang dipicu oleh konvensi kode JavaScript

Gunakan Test Hello! I'm . _0 untuk Menampilkan Variabel JavaScript di Badan HTML

Penggunaan




  
  
  Test
  

  
   Hello! I'm .

0 dengan mengambil




  
  
  Test
  

  
   Hello! I'm .

2 atau




  
  
  Test
  

  
   Hello! I'm .

3 tertentu dan meneruskan nilai variabel adalah salah satu cara paling umum untuk menampilkan variabel JavaScript di badan HTML

Kami akan menginisialisasi tag




  
  
  Test
  

  
   Hello! I'm .

_4 di badan HTML kami dengan




  
  
  Test
  

  
   Hello! I'm .

5. Kemudian tag script akan memiliki variabel yang dikirim ke




  
  
  Test
  

  
   Hello! I'm .

5 itu melalui properti




  
  
  Test
  

  
   Hello! I'm .

0.




  
  
  Test
  

  
   Hello! I'm .

9 ini nyaman saat menempatkan variabel JavaScript di badan HTML

Cuplikan Kode




  
  
  Test

  
   Hello! I'm .

_

Keluaran

Tampilkan variabel JavaScript menggunakan properti innerHTML

Properti

document.write("<h2>Hello Everyone</h2>")

_0 dalam JavaScript digunakan untuk mengatur atau mendapatkan/mengembalikan konten HTML dari suatu elemen

Misalkan kita memiliki elemen div di halaman web kita dengan id sebagai 'header'

<body>
    <div id="myText">Hello World</div>
</body>

Jadi untuk mengganti teks 'Hello World' dengan nama variabel JavaScript, pertama-tama kita harus menargetkan elemen tersebut menggunakan Id-nya

Menggunakan metode

document.write("<h2>Hello Everyone</h2>")

_8, kami menargetkan elemen dan kemudian mengubah teks dengan nilai variabel

let newName = 'Welcome Everyone'
document.getElementById("myText").innerHTML = newName;

Ini sekarang akan mengubah nilai di dalam elemen HTML dengan nilai variabel baru, 'Selamat Datang Semua'

<body>
    <div id="myText">Welcome Everyone</div>
</body>

Tampilkan Variabel JavaScript menggunakan jendela. waspada() metode

Metode

document.write("<h2>Hello Everyone</h2>")

_1 digunakan untuk menampilkan kotak dialog dengan pesan teks di browser kita

Kotak dialog mencegah pengguna mengakses sisa halaman sampai kotak dialog ditutup oleh pengguna menggunakan tombol 'OK'

Kita dapat menggunakan metode ini untuk menampilkan nilai variabel JavaScript di browser kita

Mari kita lihat bagaimana kita bisa memberikan nilai variabel di jendela kita. alert() kotak dialog dengan contoh

<body>
    <div onclick="showValue()">Display Variable value</div>
</body>

Di tag skrip kami

<script>
let textMsg = "Hello! I am a Box"
function showValue(){
    window.alert(textMsg)
}
</script>

Jadi ketika kita mengklik tombol itu menunjukkan nilai variabel di kotak dialog peringatan

Menampilkan nilai variabel Javascript sebagai output adalah tugas yang sangat umum dalam pengembangan web. Dan dengan bantuan API JavaScript, kami dapat melakukan tindakan ini dengan sangat mudah karena membantu memanipulasi elemen HTML kami

Dan diantara ketiga cara yang telah dibahas di atas, cara yang paling umum untuk menampilkan teks pada halaman web adalah dengan menggunakan properti

document.write("<h2>Hello Everyone</h2>")

0. Dan dua metode lainnya juga digunakan tetapi terutama untuk tujuan pengujian

Bagaimana cara mencetak data variabel dalam 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 jendela. metode print() di browser untuk mencetak konten jendela saat ini .

Bagaimana cara mendapatkan nilai variabel dalam JavaScript?

Halo, apakah mungkin mengakses nilai variabel JavaScript dengan nama? . var MyVariable = "Nilai variabel"; . } peringatan(readValue("VariabelSaya"));

Bagaimana cara menampilkan nilai variabel dalam JavaScript menggunakan peringatan?

Ketik "peringatan ("Hei, " + nama + ". ");" . Baris kode ini akan menambahkan variabel "nama" ke kata "Hei, "(dengan spasi di akhir), lalu tambahkan ". " untuk mengakhiri kalimat (tidak wajib). Misalnya, jika pengguna memasukkan "Trevor" sebagai nilai variabel "nama", lansiran akan mengatakan "Heya, Trevor. ".

Bagaimana cara mendeklarasikan variabel dalam JavaScript?

Selalu deklarasikan variabel JavaScript dengan var , let , atau const . Kata kunci var digunakan di semua kode JavaScript dari tahun 1995 hingga 2015. Kata kunci let dan const ditambahkan ke JavaScript pada tahun 2015. Jika Anda ingin kode Anda berjalan di browser lama, Anda harus menggunakan var.

kode javascript