Bài này hãy cùng Thế giới JS hướng dẫn dẫn bạn cách in thông tin trong javascript, hiển thị, xuất thông tin dữ liệu để mình có thể thấy nó dễ dàng nhất trong javascript cho người mới.
Đầu ra trong JavaScript được xác định là các cách hiển thị đầu ra của một code nhất định. Đầu ra có thể được hiển thị bằng cách sử dụng bốn cách khác nhau được liệt kê bên dưới:
- InternalHTML: Nó được sử dụng để truy cập một phần tử. Nó định nghĩa nội dung HTML.
Cú pháp:
document.getElementById(id)
- Ví dụ: Ví dụ này sử dụng InternalHTML để hiển thị dữ liệu.
<!--
// https://vpsus.vn/
// https://www.facebook.com/groups/893052378563701
// https://twitter.com/thegioijs
-->
<h1>vpsus.vn</h1>
<h2>
JavaScript Display Possibilities
Using innerHTML
</h2>
<p id="WKC"></p>
<!-- Script to use innerHTML -->
<script>
document.getElementById("WKC").innerHTML
= 10 * 2;
</script>
- Đầu ra:
Đang update hình
- document.write(): Nó được sử dụng cho mục đích thử nghiệm.
Cú pháp: document.write()
Ví dụ: Ví dụ này sử dụng thuộc tính document.write() để hiển thị dữ liệu.
<!--
// https://vpsus.vn/
// https://www.facebook.com/groups/893052378563701
// https://twitter.com/thegioijs
-->
<h1>vpsus.vn</h1>
<h2>
JavaScript Display Possibilities
Using document.write()
</h2>
<p id="wkc"></p>
<!-- Script to uses document.write() -->
<script>
document.write(10 * 2);
</script>
- Đầu ra:
Đang update hình..
- window.alert(): Nó hiển thị nội dung bằng hộp cảnh báo.
Cú pháp:
window.alert()
Ví dụ: Ví dụ này sử dụng thuộc tính window.alert() để hiển thị dữ liệu.
<!-- // https://vpsus.vn/
// https://www.facebook.com/groups/893052378563701
// https://twitter.com/thegioijs
-->
<h1>vpsus.vn</h1>
<h2>
JavaScript Display Possibilities
Using window.alert()
</h2>
<p id="WKC"></p>
<!-- Script to use window.alert() -->
<script>
window.alert(10 * 2);
</script>
- console.log(): Nó được sử dụng cho mục đích gỡ lỗi.
Cú pháp:
console.log()
Ví dụ: Ví dụ này sử dụng thuộc tính console.log() để hiển thị dữ liệu.
<!--
// https://vpsus.vn/
// https://www.facebook.com/groups/893052378563701
// https://twitter.com/thegioijs
-->
<h1>vpsus.vn</h1>
<h2>
JavaScript Display Possibilities
Using console.log()
</h2>
<p id="WKC"></p>
<!-- Script to use console.log() -->
<script>
console.log(10*2);
</script>
- Đầu ra:
Đang update hình…
Tiếp theo, hãy cùng Thế giới JS tìm hiểu thêm các kiến thức về Javascript trong các bài tiếp theo trong series học miễn phí Javascript từ cơ bản tới nâng cao.
Nếu bạn cảm thấy hữu ích và yêu thích Thế giới JS, hãy tham gia và theo dõi chúng tôi để nhận thêm nhiều kiến thức MIỄN PHÍ hơn nữa nhé:
Share to learn more than!
