Bagaimana Anda menambahkan variabel dalam html?

Saat ini saya menggunakan aktivitas "Buat Konten HTML". Bagaimana saya bisa memasukkan variabel?

Saya merasa ini adalah solusi yang mudah, tetapi tidak ada yang saya temukan yang berhasil

Ini tangkapan layar Konten HTML saya dan tampilan kodenya

Tutorial ini akan menunjukkan kepada Anda bagaimana menggunakan ketiga cara untuk menampilkan variabel JavaScript di halaman HTML. Mari kita mulai dengan menggunakan metode

  Hello

0

Tampilkan variabel JavaScript menggunakan metode

  Hello

0

Metode

  Hello

0 memungkinkan Anda mengganti seluruh konten tag HTML

  Hello

6 dengan ekspresi HTML dan JavaScript yang ingin ditampilkan di dalam tag

  Hello

6. Misalkan Anda memiliki elemen HTML berikut

  Hello World
  Greetings

Saat Anda menjalankan metode

  Hello

_8 pada bagian HTML di atas, konten

  Hello

6 akan diganti sebagai berikut

  Hello

Mengetahui hal ini, Anda dapat menampilkan nilai variabel JavaScript apa pun hanya dengan meneruskan nama variabel sebagai parameter ke metode

  Hello

0

let name = "Nathan";
document.write[name]; // Writes Nathan to the  tag

let num = 999;
document.write[num]; // Writes 999 to the  tag

Metode

  Hello

0 umumnya digunakan hanya untuk tujuan pengujian karena akan menghapus semua elemen HTML yang ada di dalam tag

  Hello

6 Anda. Sebagian besar, Anda ingin menampilkan variabel JavaScript di samping elemen HTML Anda. Untuk melakukan itu, Anda perlu menggunakan metode selanjutnya

Tampilkan variabel JavaScript menggunakan properti innerHTML

Setiap elemen HTML memiliki properti

  Hello

_1 yang menyimpan konten elemen tersebut. Browser memungkinkan Anda untuk memanipulasi properti

  Hello

_1 dengan menggunakan JavaScript hanya dengan menetapkan properti ke nilai yang berbeda

Misalnya, bayangkan Anda memiliki tag HTML

  Hello

6 berikut

  Hello World
  Greetings

Anda dapat mengganti konten tag

let name = "Nathan";
document.write[name]; // Writes Nathan to the  tag

let num = 999;
document.write[num]; // Writes 999 to the  tag

_6 dengan terlebih dahulu mengambil elemen menggunakan pengenalnya. Karena elemen

let name = "Nathan";
document.write[name]; // Writes Nathan to the  tag

let num = 999;
document.write[num]; // Writes 999 to the  tag

_6 memiliki atribut

let name = "Nathan";
document.write[name]; // Writes Nathan to the  tag

let num = 999;
document.write[num]; // Writes 999 to the  tag

8 dengan nilai

let name = "Nathan";
document.write[name]; // Writes Nathan to the  tag

let num = 999;
document.write[num]; // Writes 999 to the  tag

9, Anda dapat menggunakan metode

  Hello World
  Greetings

0 untuk mengambilnya dan mengubah properti

  Hello

1 miliknya

Inilah cara Anda melakukannya

document.getElementById["greeting"].innerHTML = "Bonjour";

Konten tag

let name = "Nathan";
document.write[name]; // Writes Nathan to the  tag

let num = 999;
document.write[num]; // Writes 999 to the  tag

_6 akan diubah sebagai berikut

  Hello World
  Bonjour

Mengetahui hal ini, Anda cukup membungkus ruang di mana Anda ingin variabel JavaScript Anda ditampilkan dengan elemen

  Hello World
  Greetings

3 sebagai berikut

  Hello, my name is 
  
    let name = "Nathan";
    document.getElementById["name"].innerHTML = name;
  

Kode di atas akan menampilkan HTML berikut

Hello, my name is Nathan

Dan begitulah cara Anda menampilkan nilai variabel JavaScript menggunakan properti

  Hello

1

Tampilkan variabel JavaScript menggunakan jendela. waspada[] metode

Metode

  Hello

2 memungkinkan Anda meluncurkan kotak dialog di bagian depan halaman HTML Anda. Misalnya, saat Anda mencoba menjalankan halaman HTML berikut

  Hello World
  
    window.alert["Greetings"];
  

Kotak dialog berikut akan muncul di browser Anda

Contoh kotak peringatan JavaScript

Implementasi untuk setiap browser akan sedikit berbeda, tetapi semuanya berfungsi sama. Mengetahui hal ini, Anda dapat dengan mudah menggunakan kotak dialog untuk menampilkan nilai variabel JavaScript. Cukup berikan nama variabel ke metode

  Hello World
  Greetings

6 sebagai berikut

  Hello World
  
    let name = "Nathan JS"
    window.alert[name];
  

Kode di atas akan meluncurkan kotak dialog yang menampilkan nilai variabel

  Hello World
  Greetings

7

Kesimpulan

Menampilkan variabel JavaScript di halaman HTML adalah tugas umum untuk pengembang web. Peramban modern memungkinkan Anda untuk memanipulasi konten HTML dengan memanggil metode JavaScript API yang terbuka

Cara paling umum untuk menampilkan nilai variabel JavaScript adalah dengan memanipulasi nilai properti

  Hello

1, tetapi saat menguji variabel Anda, Anda juga dapat menggunakan metode

  Hello

0 atau

  Hello

2. Anda bebas menggunakan metode yang paling cocok untuk Anda

Apakah HTML memiliki variabel?

Bagaimana Anda menampilkan nilai variabel dalam HTML?

Bagaimana Anda menata variabel dalam HTML?

Bagaimana Anda menambahkan variabel ke a href?