Kịch bản thuyết trình: Slides 22, 23

Mình tiếp tục với slide 22 và 23.

innerHTML / innerText - Cập nhật nội dung HTML

Cú pháp cơ bản:

document.getElementById("id").innerHTML = newContent;

Mình có ví dụ sau:

<p id="demo"></p>
<script>
    document.getElementById("demo").innerHTML = "New Content!";
</script>

Trong đó:

• document → đối tượng đại diện cho toàn bộ trang web.
• .getElementById("demo") → tìm phần tử HTML có id bằng "demo".
• .innerHTML → thuộc tính để truy cập hoặc thay đổi nội dung bên trong phần tử đó.
• = → gán giá trị mới.
• newContent → nội dung mới (chuỗi, số, HTML tag, biến...) sẽ hiển thị.

Kết quả: thẻ <p> có id "demo" sẽ hiển thị: New Content!

window.alert() / alert() - Hiển thị popup thông báo

Cú pháp cơ bản:

alert(message);

Trong đó:

• alert → hàm (function) có sẵn trong JavaScript.
• message → nội dung (chuỗi, số, biến, phép tính...) sẽ được hiển thị trong hộp thoại thông báo.

Ví dụ: alert("Hello World!"); sẽ hiển thị popup báo Hello World!

document.write() - Ghi trực tiếp nội dung ra trang web

Cú pháp cơ bản:

document.write(text);

Trong đó:

• text → nội dung cần ghi (có thể là chuỗi, biến, hoặc phép tính).

Ví dụ: document.write("Hello JavaScript!"); sẽ ghi chuỗi Hello JavaScript! ra màn hình.

Lưu ý quan trọng:

• document.write() chỉ nên dùng để test nhanh.
• Nếu gọi sau khi trang đã tải xong → nó sẽ xóa hết nội dung cũ và chỉ ghi lại nội dung mới.

Như vậy là mình đã trình bày xong các phương thức xuất dữ liệu trong JavaScript.