1. Giới Thiệu về JavaScript
JavaScript là một ngôn ngữ lập trình dựa trên cú pháp C, được phát triển ban đầu để thêm các tính năng động cho trang web. Ngày nay, JavaScript không chỉ được sử dụng cho phía client (trình duyệt web) mà còn cho phía server (như Node.js) và cho các ứng dụng di động (như React Native).
2. Cú Pháp Cơ Bản
Dưới đây là một ví dụ đơn giản về JavaScript:
// Hiển thị một tin nhắn trong Console
console.log("Xin chào, JavaScript!");
// Biến và Phép Toán
var a = 5;
var b = 10;
var sum = a + b;
console.log("Tổng của a và b là: " + sum);
// Hàm
function multiply(x, y) {
return x * y;
}
var result = multiply(3, 4);
console.log("Kết quả của phép nhân là: " + result);
Trong ví dụ này, chúng ta sử dụng biến, phép toán và hàm để thực hiện các tính toán cơ bản.
3. Tương Tác với HTML và CSS
JavaScript có thể được sử dụng để tương tác với các phần tử HTML và CSS trên trang web. Dưới đây là một ví dụ đơn giản:
<!DOCTYPE html>
<html>
<head>
<title>JavaScript Example</title>
<script>
function changeColor() {
document.getElementById("demo").style.color = "red";
}
</script>
</head>
<body>
<h2 id="demo">Xin chào, JavaScript!</h2>
<button onclick="changeColor()">Thay đổi Màu Chữ</button>
</body>
</html>
Trong ví dụ này, chúng ta đã sử dụng JavaScript để thay đổi màu chữ của một phần tử HTML khi người dùng nhấn vào một nút.
4. Sự Kiện và Tương Tác Người Dùng
JavaScript cho phép bạn xử lý các sự kiện và tương tác người dùng trên trang web. Dưới đây là một ví dụ:
<!DOCTYPE html>
<html>
<head>
<title>JavaScript Event Example</title>
<script>
function showMessage() {
alert("Bạn đã nhấn vào nút!");
}
</script>
</head>
<body>
<button onclick="showMessage()">Nhấn vào Đây</button>
</body>
</html>
Trong ví dụ này, khi người dùng nhấn vào nút, một hộp thoại cảnh báo sẽ hiển thị thông báo.
Kết Luận
JavaScript là một ngôn ngữ lập trình mạnh mẽ và linh hoạt cho việc phát triển các ứng dụng web. Bằng cách hiểu và sử dụng JavaScript hiệu quả, bạn có thể tạo ra các trang web động đẹp và tương tác.
