Làm cách nào để hiển thị một giá trị trong JavaScript?
Đặt các chuỗi lại với nhau là một điều khó khăn, đặc biệt là khi kết hợp các chuỗi và biến. Để làm cho quy trình này đơn giản hơn, bạn có thể sử dụng các ký tự mẫu (được đánh dấu bằng dấu gạch ngược), nhận cả chuỗi và biến Show
function greet(name) { return `Hi, ${name}`; //template literal } console.log(greet('Leo')); Lưu ý ở đây rằng bằng cách sử dụng mẫu chữ, chúng ta có thể ghi lời chào cho bất kỳ người dùng nào dựa trên tên được truyền cho chúng ta, kết hợp chuỗi Hi và giá trị của tên biến được truyền. Do đó mã này in. Chào Leo Sử dụng thuộc tính getElementById và innerHTML, bạn có thể hiển thị giá trị biến JavaScript trong bảng HTML. Đây là 2 bước để làm điều đó Sử dụng
Bạn có thể đặt giá trị của chúng trong JavaScript như thế này
Ví dụ hiển thị giá trị biến JavaScript trong bảng HTMLMã ví dụ đơn giản. Sử dụng tập lệnh bên dưới phần tử để tránh lỗi
đầu ra Hãy bình luận nếu bạn có bất kỳ nghi ngờ hoặc đề xuất nào về chủ đề biến JS này
Rohit Bằng cấp về Khoa học Máy tính và Kỹ sư. Nhà phát triển ứng dụng và có kinh nghiệm về nhiều ngôn ngữ lập trình. Đam mê công nghệ & thích học hỏi kỹ thuật Bạn có thể sử dụng tài liệu. viết nếu chỉ muốn hiển thị giá trị biến JavaScript trong trang HTML. Nhưng nếu bạn muốn hiển thị các biến cho các phần tử cụ thể, hãy sử dụng InternalHTML với getElementById
Hoặc
Ví dụ hiển thị giá trị biến JavaScript trong trang HTMLSimple example code showing variable value into a tag.
đầu ra sử dụng tài liệu. viết()
Hãy bình luận nếu bạn có bất kỳ nghi ngờ hoặc đề xuất nào về chủ đề biến JS này
Rohit Bằng cấp về Khoa học Máy tính và Kỹ sư. Nhà phát triển ứng dụng và có kinh nghiệm về nhiều ngôn ngữ lập trình. Đam mê công nghệ & thích học hỏi kỹ thuật Bài viết này sẽ trình bày cách hiển thị đầu ra trong JavaScript bằng bảng điều khiển. nhật ký(), tài liệu. viết (), tài liệu. getElementById() và cửa sổ. chức năng cảnh báo (). Vì vậy, hãy bắt đầu hướng dẫn này Các khả năng hiển thị đầu ra trong JavaScript là gìBạn có thể hiển thị đầu ra trong JavaScript bằng bất kỳ cách nào sau đây
Cách hiển thị đầu ra trong JavaScript bằng bảng điều khiển. nhật ký()Trong JavaScript, “bảng điều khiển. log()” được sử dụng để hiển thị bất kỳ đầu ra nào hoặc in các giá trị của bất kỳ biến nào được xác định trong chương trình. Phương thức “log()” trong bảng điều khiển. log() lấy tham số bao gồm dữ liệu bạn muốn xuất. Hầu hết các nhà phát triển JavaScript sử dụng chức năng được chỉ định để liệt kê các lỗi và mục đích gỡ lỗi Cú pháp giao diện điều khiển. nhật ký()Đây là cú pháp của giao diện điều khiển. nhật ký () trong JavaScript bảng điều khiển. log("Tham số") Bàn điều khiển. log()” chấp nhận một “Tham số”, có thể là bất kỳ thông báo, đối tượng hoặc mảng nào, sau đó nó trả về hoặc xuất giá trị của tham số đã cho ra cửa sổ bảng điều khiển Ví dụ. Hiển thị đầu ra trong JavaScript bằng bảng điều khiển. nhật ký()Trong ví dụ dưới đây, chúng ta sẽ sử dụng bàn điều khiển. log() để xuất thông báo “Đây là linuxhint. com” trên trang web của chúng tôi. Với mục đích này, chúng tôi sẽ tạo một “tệp thử nghiệm. html” trong trình chỉnh sửa mã yêu thích của chúng tôi, chẳng hạn như Mã VS, sau đó viết mã sau vào đó <. DOCTYPE html><html . log("Đây là linuxhint. com");scriptDOCTYPE html> Sau khi thêm mã, nhấn “CTRL+S” để lưu mã đã thêm vào “tệp kiểm tra. html”. Tiếp theo, nhấp vào tệp của bạn và mở nó trong trình duyệt yêu thích của bạn bằng cách nhấp đúp vào tệp HTML Một trang web trống sẽ mở ra cho “tệp kiểm tra của bạn. tập tin html”. Từ menu chuột phải, chọn tùy chọn “Kiểm tra” để mở trực tiếp Công cụ dành cho nhà phát triển của trình duyệt của bạn Bây giờ, hãy chuyển đến tab “Bảng điều khiển” của tùy chọn nhà phát triển. Nó sẽ hiển thị thông báo mà chúng tôi đã thêm làm tham số cho “bảng điều khiển. nhật ký ()” chức năng Cách hiển thị đầu ra trong JavaScript bằng tài liệu. viết()Trong JavaScript, “tài liệu. write()” được sử dụng để chèn bất kỳ nội dung hoặc mã JavaScript nào vào tài liệu. Tài liệu. write()” xóa tất cả nội dung hiện có khỏi tài liệu HTML và thay thế bằng nội dung mới được thêm vào dưới dạng tham số. Phương pháp này chủ yếu được sử dụng cho mục đích thử nghiệm Cú pháp của tài liệu. viết()Bây giờ, hãy kiểm tra cú pháp của tài liệu. chức năng ghi () tài liệu. ghi( Exp1,Exp2,. ) Tài liệu. write()” có thể chứa nhiều tham số. Các đối số biểu thức chẳng hạn như “Exp1” và “Exp2” sẽ được hiển thị dưới dạng đầu ra theo trình tự được thêm vào của chúng Ví dụ. Hiển thị đầu ra trong JavaScript bằng tài liệu. viết()Trong ví dụ sau, ngay khi trang web của chúng tôi được tải, “tài liệu. write()” sẽ xóa tất cả dữ liệu của trang web và viết lại nó với nội dung mà chúng ta đã thêm làm tham số <. DOCTYPE html><html . viết("Đây là linuxhint. com");scriptDOCTYPE html> Như chúng tôi đã thêm “Đây là linuxhint. com” như một tham số trong “tài liệu của chúng tôi. write()”, nó sẽ hiển thị đầu ra sau Cách hiển thị đầu ra trong JavaScript bằng tài liệu. getElementById()Tài liệu. getElementById()” trong JavaScript được sử dụng để trả về đối tượng Phần tử có “Id” khớp với chuỗi được cung cấp. Id phần tử rất hữu ích để truy cập nhanh vào phần tử đã chỉ định và do đó chúng có thể được sử dụng với “. innerHTML” để ghi hoặc hiển thị đầu ra của nó Cú pháp của tài liệu. getElementById()Hãy xem cú pháp của tài liệu. hàm getElementById() trong JavaScript tài liệu. getElementById( id ) Ở đây, thuộc tính “id” xác định phần tử HTML có thể được sử dụng để chèn hoặc ghi đầu ra trong phần tử đã chỉ định Ví dụ. Hiển thị đầu ra trong JavaScript bằng tài liệu. getElementById()Trong ví dụ sau, chúng tôi đã thêm một phần tử có id là “test”. Sau khi làm như vậy, “tài liệu. getElementById(test)” sẽ chọn phần tử HTML của chúng ta có id=“test”. Sau đó, “. thuộc tính innerHTML” được thêm vào để viết ra chuỗi đã chỉ định trong đó <. DOCTYPE html><html . getElementById("test")innerHTML="Đây là linuxhint. com";tập lệnh>DOCTYPE html> Hình ảnh dưới đây chỉ ra rằng chúng tôi đã thêm thành công “Đây là linuxhint. com” trong phần tử đã chọn của chúng tôi Cách hiển thị đầu ra trong JavaScript bằng cửa sổ. báo động()Cửa sổ. phương thức alert() hiển thị đầu ra hoặc bất kỳ thông tin nào cho người dùng. Nó hiển thị thông báo đã thêm trong hộp cảnh báo có nút “OK”. Hộp cảnh báo buộc người dùng phải đọc thông báo được hiển thị và người dùng không thể truy cập trang web cho đến khi hộp cảnh báo được đóng lại Cú pháp cửa sổ. báo động()Để sử dụng cảnh báo cho trang web của bạn, hãy làm theo cú pháp dưới đây cửa sổ. cảnh báo("Tham số") Tại đây, trong phần “Tham số”, hãy chuyển thông tin bạn muốn hiển thị vào hộp cảnh báo đã thêm Ví dụ. Hiển thị đầu ra trong JavaScript bằng cửa sổ. báo động()Trong ví dụ này, chúng tôi đã thêm một hộp cảnh báo sẽ bật lên trên trang web hiển thị “Đây là linuxhint. com” như nội dung của nó <. DOCTYPE html><html . cảnh báo("Đây là linuxhint. com");scriptDOCTYPE html> Khi cửa sổ. cảnh báo () bật lên sẽ xuất hiện trên trang web của chúng tôi, sau đó bất kỳ mã nào được viết sau cửa sổ. alert() không được thực thi cho đến khi bạn đóng cảnh báo bằng cách nhấn nút “OK” Phần kết luậnBài viết này đã thảo luận về cách hiển thị đầu ra trong JavaScript bằng bảng điều khiển. nhật ký(), tài liệu. viết (), tài liệu. getElementById() và cửa sổ. chức năng cảnh báo (). Quy trình sử dụng bàn điều khiển. nhật ký(), tài liệu. viết (), tài liệu. getElementById() và cửa sổ. Các hàm alert() để hiển thị đầu ra trong JavaScript cũng được trình bày trong bài viết này. Dựa trên tùy chọn của mình, bạn có thể tạo và hiển thị đầu ra bằng JavaScript, bằng cách ghi đầu ra vào phần tử HTML, hiển thị đầu ra trong hộp cảnh báo hoặc cửa sổ bảng điều khiển trình duyệt Làm cách nào để hiển thị giá trị của một biến trong JavaScript?Có ba cách để hiển thị giá trị biến JavaScript trong trang HTML. . Hiển thị biến bằng tài liệu. viết phương pháp Hiển thị biến thành nội dung phần tử HTML bằng thuộc tính InternalHTML Hiển thị biến bằng cửa sổ. phương thức cảnh báo () Làm cách nào để hiển thị đầu vào trong JavaScript?Trong JavaScript, chúng tôi sử dụng hàm prompt() để yêu cầu người dùng nhập dữ liệu . Là một tham số, chúng tôi nhập văn bản mà chúng tôi muốn hiển thị cho người dùng. Sau khi người dùng nhấn “ok”, giá trị đầu vào được trả về. Chúng tôi thường lưu trữ đầu vào của người dùng trong một biến để chúng tôi có thể sử dụng thông tin trong chương trình của mình.
Làm cách nào để in giá trị của đối tượng trong JavaScript?phương thức stringify() được sử dụng để in đối tượng JavaScript. JSON. Phương thức stringify(). JSON. Phương thức stringify() được sử dụng để cho phép lấy một đối tượng JavaScript hoặc Mảng và tạo một chuỗi JSON từ nó.
Làm cách nào để đặt giá trị trong JavaScript?Phương thức JavaScript setAttribute() . Phương thức này thêm thuộc tính đã chỉ định vào một phần tử và đặt giá trị đã chỉ định của nó. Nếu thuộc tính đã có, thì giá trị của nó được đặt/thay đổi. Thông số. tên thuộc tính. Thông số này là bắt buộc. |