Đây là bài hướng dẫn viết chương trình javaScript cơ bản nhất mà mình tìm được bạn tham khảo nhé! Nếu thực sự muốn nghiên cứu cơ bản về JavaScript, mình khuyên bạn nên tham khảo W3School để học chi tiết hơn.

Hướng dẫn viết chương trình JavaScript đầu tiên

Bước đầu tiên để học Javascript là bạn cần phải chuẩn bị một phần mềm để viết mã Javascript (IDE JavaScript). Bởi tất cả các trình duyệt đều hỗ trợ ngôn ngữ này nên bạn không cần phải download thư viện mà thông qua những đoạn mã script, trình duyệt sẽ nhận diện được nó. Hướng dẫn sau đây để bạn hiểu hơn về cấu trúc của JavaScript trong lập trình web. Nếu muốn tìm hiểu sâu hơn lập trình JavaScript bạn nên xem qua web tự học JavaScript W3School.

Cặp thẻ mở và thẻ đóng

Tất cả những đoạn mã Javascript đều phải đặt trong cặp thẻ mở <script> và thẻ đóng </script>

Ví dụ:

 

Đặt thẻ script ở đâu?

Có ba cách đặt thẻ script thường được sử dụng dưới đây:

• Internal – viết trong file html hiện tại

Thông thường, bạn có thể viết những đoạn mã Javascript trên phần head. Tuy nhiên, đó cũng không phải là điều kiện bắt buộc. Vì vậy bạn có thể đặt ở bất kỳ đâu tùy thích miễn là được bao lại bằng thẻ script.

Ví dụ: Đặt trong thẻ head

 

• External – viết ra một file js khác rồi import vào

Bạn có thể viết những đoạn mã Javascript ở một file có phần mở rộng là .js, sau đó dùng thẻ script để import vào. Lúc này bên trong file demo.js  bạn không đặt thẻ scirpt. Vì nhờ vào đuôi .js, trình duyệt sẽ tự nhận đây là file chứa mã Javascript.

Ví dụ:

 

• Inline  – viết trực tiếp trong thẻ HTML:

Với Inline, bạn sẽ viết những đoạn mã Javascript trực tiếp trong thẻ HTML. Ví dụ bên dưới viết dưới dạng inline vì đoạn mã alert(1) được đặt trong sự kiện onclick của thẻ button.

Ví dụ:

 

Viết chương trình JavaScript

Trước khi thực hành, hãy đảm bảo rằng bạn có thể sử dụng một phần mềm viết code bất kỳ để viết mã Javascript.

Bước 1:

• Tạo một file index.html  và lưu tại bất kì vị trí nào với phần mở rộng là .html
• Mở file bằng Notepad++ rồi gõ nội dung sau:

• Chạy lên bằng Firefox hoặc Chrome bạn thấy xuất hiện một button

Bước 2:

Viết mã Javascript khi click vào button có id=“clickme” .