Hướng dẫn how do you add a variable in html? - làm thế nào để bạn thêm một biến trong html?

45

Mới! Lưu câu hỏi hoặc câu trả lời và sắp xếp nội dung yêu thích của bạn. Tìm hiểu thêm.
Learn more.

Tôi đang cố gắng tạo một trang đơn giản yêu cầu bạn cho tên của bạn và sau đó sử dụng name.length [javascript] để tìm ra tên của bạn là bao lâu.

Đây là mã của tôi cho đến nay:


var name = prompt["What's your name?"];
var lengthOfName = name.length



Tôi không hoàn toàn chắc chắn những gì sẽ đặt trong các thẻ cơ thể để tôi có thể sử dụng các biến mà tôi đã nêu trước đây. Tôi nhận ra rằng đây có lẽ là một câu hỏi thực sự cho người mới bắt đầu, nhưng tôi dường như không thể tìm thấy câu trả lời.

Arun Bertil

4.4524 Huy hiệu vàng32 Huy hiệu bạc59 Huy hiệu Đồng4 gold badges32 silver badges59 bronze badges

Đã hỏi ngày 4 tháng 5 năm 2015 lúc 17:12May 4, 2015 at 17:12

2

Bạn không "sử dụng" các biến JavaScript trong HTML. HTML không phải là ngôn ngữ lập trình, đó là ngôn ngữ đánh dấu, nó chỉ "mô tả" trang sẽ trông như thế nào.

Nếu bạn muốn hiển thị một biến trên màn hình, điều này được thực hiện với JavaScript.

Đầu tiên, bạn cần một nơi nào đó để nó viết cho:


    

Sau đó, bạn cần cập nhật mã JavaScript của mình để ghi vào thẻ


    

1 đó. Hãy chắc chắn rằng bạn làm như vậy sau khi trang đã sẵn sàng.


window.onload = function[]{
    var name = prompt["What's your name?"];
    var lengthOfName = name.length

    document.getElementById['output'].innerHTML = lengthOfName;
};

Đã trả lời ngày 4 tháng 5 năm 2015 lúc 17:18May 4, 2015 at 17:18

gen_Ericgen_Ericgen_Eric

Phim thương hiệu vàng 218K4040 gold badges295 silver badges334 bronze badges

6

Bạn có thể tạo một phần tử


    

1:



  
  var name = prompt["What's your name?"];
  var lengthOfName = name.length
  p = document.createElement["p"];
  p.innerHTML = "Your name is "+lengthOfName+" characters long.";
  document.body.appendChild[p];
  
  
  
  

Đã trả lời ngày 4 tháng 5 năm 2015 lúc 17:16May 4, 2015 at 17:16

user1823user1823user1823

1.0916 huy hiệu bạc19 Huy hiệu đồng6 silver badges19 bronze badges

3

Bạn có thể tạo một phần tử có ID và sau đó gán giá trị độ dài đó cho phần tử đó.

var name = prompt["What's your name?"];
var lengthOfName = name.length
document.getElementById['message'].innerHTML = lengthOfName;

Quentin

878K121 Huy hiệu vàng1177 Huy hiệu bạc1289 Huy hiệu đồng121 gold badges1177 silver badges1289 bronze badges

Đã trả lời ngày 4 tháng 5 năm 2015 lúc 17:15May 4, 2015 at 17:15

Imran Qasimimran Qasimimran qasim

1.06013 Huy hiệu bạc18 Huy hiệu đồng13 silver badges18 bronze badges

1


    Test



    

Hi there!

let userName = prompt["What is your name?"]; document.getElementById['username'].innerHTML = userName;

Đã trả lời ngày 27 tháng 11 năm 2019 lúc 20:15Nov 27, 2019 at 20:15

0

Thử cái này:


    
var name = prompt["What's your name?"]; var lengthOfName = name.length; document.getElementById["divMsg"].innerHTML = "Length: " + lengthOfName;

Đã trả lời ngày 4 tháng 5 năm 2015 lúc 17:17May 4, 2015 at 17:17

Márcio Gonzalezmárcio GonzalezMárcio Gonzalez

1.0121 Huy hiệu vàng8 Huy hiệu bạc20 Huy hiệu đồng 201 gold badge8 silver badges20 bronze badges

Bạn không thể sử dụng các biến JS bên trong HTML. Để thêm nội dung của biến JavaScript vào HTML sử dụng bên trong [] hoặc tạo bất kỳ thẻ HTML nào, hãy thêm nội dung của biến đó vào thẻ đã tạo và nối thẻ đó vào phần thân hoặc bất kỳ thẻ hiện có nào khác trong HTML.

Đã trả lời ngày 4 tháng 5 năm 2015 lúc 17:16May 4, 2015 at 17:16

1.0916 huy hiệu bạc19 Huy hiệu đồngKalyan Kumar S

Bạn có thể tạo một phần tử có ID và sau đó gán giá trị độ dài đó cho phần tử đó.1 gold badge4 silver badges8 bronze badges

Quentin

878K121 Huy hiệu vàng1177 Huy hiệu bạc1289 Huy hiệu đồng

Đã trả lời ngày 4 tháng 5 năm 2015 lúc 17:15

Imran Qasimimran Qasim


var name = prompt["What's your name?"];
var lengthOfName = name.length


  

document.getElementById['a'].innerHTML = name; document.querySelector['#b'].innerHTML = name.length;

1.06013 Huy hiệu bạc18 Huy hiệu đồngMay 4, 2015 at 17:22

InvisibleUn1cornInvisibleUn1cornInvisibleUn1corn

Đã trả lời ngày 27 tháng 11 năm 2019 lúc 20:152 gold badges10 silver badges22 bronze badges

Thử cái này:


  const name = prompt["What's your name?"] ?? "";
  document.write[`

${name.length}

`];

Đã trả lời ngày 4 tháng 5 năm 2015 lúc 17:17

Márcio Gonzalezmárcio Gonzalez


    

0

1.0121 Huy hiệu vàng8 Huy hiệu bạc20 Huy hiệu đồng 20

Bạn không thể sử dụng các biến JS bên trong HTML. Để thêm nội dung của biến JavaScript vào HTML sử dụng bên trong [] hoặc tạo bất kỳ thẻ HTML nào, hãy thêm nội dung của biến đó vào thẻ đã tạo và nối thẻ đó vào phần thân hoặc bất kỳ thẻ hiện có nào khác trong HTML.May 4, 2015 at 17:19

Kalyan Kumar Skalyan Kumar SDomino

2041 Huy hiệu vàng4 Huy hiệu bạc8 Huy hiệu đồng34 silver badges57 bronze badges

3

Làm thế nào để các biến hoạt động trong HTML?

Phần tử trong HTML định nghĩa một văn bản là một biến và có thể được sử dụng để xác định các biến của biểu thức toán học hoặc các biến của một đoạn mã.Văn bản được đặt trong phần tử thường được hiển thị bằng chữ in nghiêng.Lưu ý: Phần tử hỗ trợ tất cả các thuộc tính và thuộc tính sự kiện toàn cầu.. The text enclosed in the element is normally displayed in italics. Note: The element supports all global attributes and event attributes.

Làm thế nào để bạn lưu trữ các biến trong HTML?

Trả lời: Sử dụng toán tử nối [ +] Cách đơn giản và an toàn nhất để sử dụng toán tử nối [ +] để gán hoặc lưu trữ mã HTML trong biến JavaScript.Bạn nên sử dụng các trình điều khiển đơn trong khi stingify khối mã HTML, sẽ dễ dàng hơn để bảo tồn các trích dẫn kép trong mã HTML thực tế.Use the concatenation operator [+] The simple and safest way to use the concatenation operator [ + ] to assign or store a bock of HTML code in a JavaScript variable. You should use the single-quotes while stingify the HTML code block, it would make easier to preserve the double-quotes in the actual HTML code.

Bài Viết Liên Quan

Chủ Đề