24. JavaScript Trong HTML

JavaScript là một ngôn ngữ lập trình phía client thường được sử dụng để tạo ra các tương tác động trên trang web. Bạn có thể nhúng mã JavaScript vào trong tài liệu HTML để thực hiện các chức năng động, kiểm soát sự kiện và tương tác với người dùng.

Có một số cách để nhúng mã JavaScript vào trong tài liệu HTML:

Nhúng trực tiếp: Bạn có thể nhúng mã JavaScript trực tiếp vào trong thẻ <script> trong tài liệu HTML. Đặt mã JavaScript giữa cặp thẻ <script> này.

html

<!DOCTYPE html>
<html>
<head>
    <title>Trang web với JavaScript</title>
    <script>
        // Mã JavaScript của bạn ở đây
        function sayHello() {
            alert("Xin chào!");
        }
    </script>
</head>
<body>
    <button onclick="sayHello()">Nhấn vào đây</button>
</body>
</html>

Liên kết từ file bên ngoài: Bạn cũng có thể viết mã JavaScript trong một tệp riêng biệt và liên kết tệp này vào trong tài liệu HTML bằng cách sử dụng thẻ <script> và thuộc tính src.

html

<!DOCTYPE html>
<html>
<head>
    <title>Trang web với JavaScript</title>
    <script src="path/to/your/script.js"></script>
</head>
<body>
    <button onclick="sayHello()">Nhấn vào đây</button>
</body>
</html>

Trong tệp script.js, bạn có thể viết mã JavaScript:

javascript

// script.js
function sayHello() {
    alert("Xin chào!");
}

Lưu ý rằng khi viết mã JavaScript trong thẻ <script> hoặc tệp ngoài, hãy đảm bảo đặt mã trong cặp dấu <script> và </script>, và tùy thuộc vào vị trí bạn đặt mã, mã JavaScript có thể thực thi trong phần <head> hoặc cuối phần <body>.

JavaScript cho phép bạn tương tác với các phần tử HTML, thay đổi nội dung của trang, xử lý sự kiện từ người dùng, gửi và nhận dữ liệu từ máy chủ, và nhiều chức năng khác để làm cho trang web trở nên động và tương tác hơn. Trên đây là giới thiệu về JavaScript trong HTML

Leave a Comment Cancel Reply