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>
Post a Comment
Post a Comment