Xuất dữ liệu trong Javascript | Javascript Cơ bản

Hàm in dữ liệu trong javascript

Có những tình huống nhất định mà bạn có thể cần tạo đầu ra từ mã JavaScript của mình. Ví dụ: bạn có thể muốn xem giá trị của biến hoặc viết thông báo vào bảng điều khiển của trình duyệt để giúp bạn gỡ lỗi sự cố trong mã JavaScript đang chạy của mình, v.v.

Trong JavaScript có một số cách khác nhau để tạo đầu ra bao gồm ghi đầu ra vào cửa sổ trình duyệt hoặc bảng điều khiển trình duyệt, hiển thị đầu ra trong hộp thoại, ghi đầu ra vào một phần tử HTML, v.v. Chúng ta sẽ xem xét kỹ hơn từng cách này trong phần sau các phần.

Ghi đầu ra vào bảng điều khiển trình duyệt

Bạn có thể dễ dàng xuất thông báo hoặc ghi dữ liệu vào bảng điều khiển của trình duyệt bằng phương thức console.log (). Đây là một phương pháp đơn giản, nhưng rất mạnh mẽ để tạo ra đầu ra chi tiết. Đây là một ví dụ:

console.log("Hello World!"); // Prints: Hello World!

// Printing a variable value 

var x = 10;

var y = 20;

var sum = x + y;

console.log(sum); // Prints: 30

Hiện thi bằng Alert dialog trong javascript

Bạn cũng có thể sử dụng hộp thoại cảnh báo để hiển thị thông báo hoặc xuất dữ liệu cho người dùng. Hộp thoại cảnh báo được tạo bằng phương thức alert (). 

Đây là một ví dụ:

alert("Hello World!"); // Outputs: Hello World!

// Displaying a variable value 

var x = 10;

var y = 20;

var sum = x + y;

alert(sum); // Outputs: 30

Hiện thị trên browser của windown

Bạn có thể sử dụng phương thức document.write () để chỉ ghi nội dung vào tài liệu hiện tại khi tài liệu đó đang được phân tích cú pháp. Đây là một ví dụ:

document.write("Hello World!"); // Prints: Hello World!

// Printing a variable value 

var x = 10;

var y = 20;

var sum = x + y;

document.write(sum); // Prints: 30

Hiện thị trog element HTML

Bạn cũng có thể viết hoặc chèn đầu ra bên trong một phần tử HTML bằng cách sử dụng thuộc tính innerHTML của phần tử. Tuy nhiên, trước khi ghi kết quả đầu tiên, chúng ta cần chọn phần tử bằng phương thức như getElementById (), như được minh họa trong ví dụ sau

<p id="greet"></p>

<p id="result"></p>

<script>

// Writing text string inside an element

document.getElementById("greet").innerHTML = "Hello World!";

// Writing a variable value inside an element

var x = 10;

var y = 20;

var sum = x + y;

document.getElementById("result").innerHTML = sum;

</script>