Javascript có thể được viết

Khi thiết lập chương trình, đôi khi chúng ta cần biết đầu ra của câu lệnh hoặc phép toán đó để khẳng định rằng chúng ta đang viết mã đúng. Trong bài viết này, chúng ta sẽ tìm hiểu 4 cách để nhận và hiển thị đầu ra trong JavaScript, giống như chúng ta sử dụng các câu lệnh như printf[] trong ngôn ngữ C, cout trong C++ hay System. ngoài. print[] in Java,… as after

• Sử dụng thuộc tính innerHTML
• Sử dụng tài liệu phương thức. viết[]
• Sử dụng hộp thoại cảnh báo
• Sử dụng bảng điều khiển phương thức. nhật ký[]

Mình sẽ trình bày tất cả những điều này thông qua các ví dụ. Ngoài ra, đừng lo lắng nếu bạn không hiểu cú pháp của những câu lệnh này, mình sẽ trình bày chi tiết và hướng dẫn sử dụng trong các bài viết về chúng

1. Thuộc tính innerHTML trong JavaScript

JavaScript cho phép bạn viết vào một phần tử HTML bằng cách sử dụng thuộc tính bên trongHTML. Chúng ta có thể thêm bất cứ thứ gì chúng ta muốn, nó có thể là một tin nhắn văn bản, một số phần tử HTML hoặc bất cứ thứ gì khác

Để làm điều đó, trước tiên bạn cần cung cấp một id công cụ có thể cho phần tử HTML mà bạn muốn truy cập bằng mã JavaScript

Để truy cập một phần tử HTML, JavaScript sử dụng tài liệu phương thức. getElementById[id], trong đó id là giá trị của thuộc tính id của thẻ HTML

Please get an example, in this ví dụ, thuộc tính id được sử dụng để xác định phần tử HTML và thuộc tính innerHTML được sử dụng để đặt nội dung cho nó

JavaScript Output using innerHTML

function addText[]
{
    document.getElementById["script"].innerHTML= "This text has been written using the JavaScript.";
}



This is the old text.
Click to use JavaScript

Code language: HTML, XML [xml]

Bằng cách này, nếu bạn đang viết mã JavaScript để thực hiện một số xử lý hoặc nếu bạn có bất kỳ logic nào, bạn có thể dễ dàng hiển thị đầu ra trong JavaScript một cách đơn giản ngay trên trang hiển thị HTML của mình.

2. Phương thức tài liệu. write[] trong JavaScript

JavaScript cho phép bạn viết bất kỳ thông tin nào vào trang web HTML bằng cách sử dụng tài liệu phương thức. viết[]. Bằng cách sử dụng phương pháp này, bạn có thể viết trực tiếp đầu ra trong JavaScript vào trang HTML

Phương thức tài liệu. write[] ghi biểu thức HTML hoặc mã JavaScript vào tài liệu

Trong ví dụ bên dưới, mình sử dụng tài liệu phương thức. write[] được sử dụng để ghi trực tiếp vào trang web

JavaScript Output using document.write[]



    document.write["This is the text written using JavaScript."] ;


Code language: HTML, XML [xml]

3. Hộp cảnh báo trên điện thoại trong JavaScript

Có một số trang web cung cấp cho bạn thông báo cảnh báo khi bạn truy cập chúng hoặc khi bạn thực hiện một số hành động, bạn sẽ thấy thông báo đầu ra trong hộp cảnh báo. Bạn có thể gửi thông báo cảnh báo trên trang web chính của mình để thông báo điều gì đó cho người dùng bằng JavaScript

Để sử dụng các tính năng bạn cần sử dụng cửa sổ. alert[], bạn có thể bỏ qua cửa sổ tiền tố và viết gọn lại thành alert[], JavaScript vẫn sẽ hiểu và thực hiện đúng theo cú pháp

Trong ví dụ này, mình đang sử dụng hộp cảnh báo để viết tin nhắn và hiển thị cho người dùng

JavaScript Output using Alert Box



    window.alert["This is an alert message."] ;


Code language: HTML, XML [xml]

Tìm hiểu thêm về Cảnh báo trong JavaScript tại đây

4. Phương thức c onsole. log trong JavaScript

JavaScript cũng cho phép bạn sử dụng Công cụ phát triển dành cho nhà phát triển trên trình duyệt [Bảng điều khiển] để nhắm mục tiêu kiểm tra và khắc phục lỗi. Câu lệnh được viết bên trong Console sẽ được thực hiện nhưng sẽ không được hiển thị trong trình duyệt thay vào đó nó sẽ được hiển thị ngay trong Console luôn

Cú pháp rất đơn giản là

console.log[SOME-EXPRESSION-OR-STRING]

let a = 3;
console.log[a;] // 3

console.log["Hello World!"]; // Hello World!
Code language: JavaScript [javascript]

Để mở công cụ của nhà phát triển trong trình duyệt Chrome/Edge, nhấn F12 trong Windows và Command + Option + I trong MacOS. Hình ảnh dưới đây cho bạn thấy Bảng điều khiển sẽ như thế nào

Cùng thử ví dụ sau để ghi đầu ra trong JavaScript vào Bảng điều khiển như thế nào nhé

    JavaScript console example
    
        console.log[2 + 3]; // 5
    


    

Code language: HTML, XML [xml]

Kết luận

Qua đây, chúng ta đã học cách hiển thị đầu ra trong JavaScript tới giao diện người dùng theo nhiều cách khác nhau. Tất cả các ví dụ về bất kỳ phần nào giúp bạn hiểu được cách thức các câu lệnh hoạt động cũng như sử dụng công cụ