Hướng dẫn simple javascript program in notepad++ - chương trình javascript đơn giản trong notepad ++

Viết JavaScript trong Notepad ++ | Viết mã JavaScript không yêu cầu bất kỳ công cụ đặc biệt nào như Visual Studio Code, Eclipse, ETC. Writing JavaScript code does not require any special tools like visual studio code, eclipse, etc.

Nếu bạn là người mới bắt đầu và muốn thực hiện một cách tiếp cận đơn giản để viết các chương trình JavaScript, hãy sử dụng trình chỉnh sửa văn bản đơn giản như Notepad ++.

Nó là miễn phí, nguồn mở và sẽ hoạt động tốt cho sự phát triển của JavaScript.

Notepad ++ là một trình soạn thảo có mục đích chung hỗ trợ làm nổi bật cú pháp của mã JavaScript và HTML. Nó được phát triển để chỉnh sửa văn bản, đặc biệt là cho ngôn ngữ lập trình. Nó có sẵn cho nền tảng Windows.

Notepad ++ cung cấp rất nhiều tính năng thú vị như sau:

  • Cú pháp làm nổi bật
  • Chỉnh sửa nhiều tệp với các tab
  • Hỗ trợ đa ngôn ngữ
  • Macro
  • Xem trước trang
  • Lực lượng Word Wrap
  • Đánh số dòng
  • Undo/redo
  • Công cụ kiểm tra chính tả
  • Hỗ trợ đầy đủ kéo và thả
  • Mẫu và nhiều hơn nữa.

Bên cạnh Notepad ++, chúng tôi cần một trình duyệt web như Internet Explorer, Google Chrome, Mozilla Firefox, Opera, v.v. để xem hoạt động của mã JavaScript.

Bạn nên nâng cấp trình duyệt web của mình lên phiên bản ổn định mới nhất, hiện tại.

Nếu Notepad ++ không được cài đặt trong hệ thống máy tính của bạn, thì trước tiên hãy tải xuống và cài đặt nó từ liên kết bên dưới được cung cấp.

https://notepad-plus-plus.org/downloads/

Viết chương trình JavaScript đầu tiên bằng Notepad ++


Trong phần này, chúng tôi sẽ tìm hiểu cách viết chương trình JavaScript đầu tiên của bạn với sự trợ giúp của Notepad ++. Nói cách khác, chúng tôi sẽ học cách tạo một trang web với JavaScript trong Notepad ++.

Có các bước sau đây để tạo một trang web với JavaScript bằng Notepad. Chúng như sau:

Bước 1: Trong hệ thống máy tính của bạn, để mở NotePad ++, chỉ cần nhấp vào nút Bắt đầu và sau đó nhấp vào Notepad ++ nếu biểu tượng phím tắt cho Notepad ++ không ở trên máy tính để bàn.: In your computer system, to open Notepad++, just click on the Start button and then click on Notepad++ if the shortcut icon for Notepad++ is not on the desktop.

Bây giờ hãy viết đoạn mã sau trong tài liệu.

<DOCTYPE html>
<html>
<head>
        <title>How to write first Javascript Program in Notepad++ editor</title>
</head>
<body>
   <script>
           document.write("This is my first Javascript Program in Notepad++");
   </script>
</body>
</html>

Bước 2: Sau khi viết mã JavaScript ở trên, bạn cần lưu nó. Để lưu tệp, điều hướng menu tệp -> Lưu. Hộp thoại Lưu dưới dạng sẽ được mở trong hệ thống máy tính của bạn.: After writing the above JavaScript code, you need to save it. To save file, navigate File menu -> Save. A Save As dialog box will be opened in your computer system.

Bước 3: Nhập tên tệp Tên MyFirstJavaScriptProgram và lưu dưới dạng loại: Chọn tiện ích mở rộng*.html; *.htm; ” Tùy chọn và sau đó nhấp vào nút Lưu như được hiển thị trong ảnh chụp màn hình bên dưới.: Type file name “myFirstJavascriptProgram” and Save as type: select extension “*.html; *.htm;” option and then click on the save button as shown in the below screenshot.

Hướng dẫn simple javascript program in notepad++ - chương trình javascript đơn giản trong notepad ++
Khi bạn sẽ lưu tệp lần đầu tiên, theo mặc định, thật không may, Notepad sẽ thêm một phần mở rộng .txt vào tên tài liệu.


Bước 4: Để xem đầu ra của đoạn mã trên, hãy đến vị trí mà bạn đã lưu tệp HTML. Tôi đã lưu tệp HTML của MyFirstjavascriptProgram trên máy tính để bàn.: To view the output of the above code snippet, go to the location where you saved the HTML file. I have saved “myFirstJavascriptProgram” html file on the desktop.

Bây giờ nhấp vào biểu tượng tệp HTML đã tạo. Trình duyệt mặc định sẽ mở trang web, nơi bạn sẽ nhận được đầu ra của mã JavaScript.

Output of code:
          This is my first JavaScript Program in Notepad++

Bạn cũng có thể xem đầu ra của mã trong các trình duyệt khác nhau bằng cách nhấp chuột phải vào biểu tượng tệp HTML và điều hướng để mở với tùy chọn từ menu.

Cho đến nay trong chương trình ví dụ này, chúng tôi đã tạo một trang web cơ bản với một số mã JavaScript nhúng bằng Notepad ++.

Tạo tệp JavaScript bên ngoài bằng Notepad


Trong phần này, chúng tôi sẽ tìm hiểu cách đặt mã JavaScript vào một tệp bên ngoài và sau đó kết nối với mã đó từ trong trang HTML.

Có các bước sau đây để tạo một tệp bên ngoài cho JavaScript và nhúng nó vào trang web HTML.

Bước 1: Nhấp vào menu Tệp và sau đó nhấp vào tùy chọn mới để tạo tệp mới để viết mã JavaScript. Bây giờ hãy viết mã JavaScript sau vào tệp.: Click on File menu and then click on New option to create a new file to write JavaScript code. Now write the following JavaScript code into the file.

document.write("This is my first Javascript Program in Notepad++");

Bước 2: Lưu tệp JavaScript bằng cách chọn Lưu từ menu Tệp. Nhập myscript.js vào hộp văn bản tên tệp và chọn tiện ích mở rộng .js trong Lưu dưới dạng loại.: Save the JavaScript file by choosing Save from the File menu. Enter myScript.js in the File Name text box, and select .js extension in the Save as type.

Sau đó nhấp vào nút Lưu. Chọn cùng một vị trí để lưu tệp JavaScript nơi bạn đã lưu tệp HTML chính.

Bước 3: Bây giờ chúng ta cần kết nối tệp JavaScript. Mở tệp myfirstjavascriptProgram.html trong một lần nữa Notepad ++ và chỉ xóa mã JavaScript mà chúng tôi đã viết trước đó giữa thẻ mở và thẻ đóng.: Now we need to connect JavaScript file “myScript.js” with HTML file “myFirstJavascriptProgram.html”. Open myFirstJavascriptProgram.html file in again notepad++ and just delete the JavaScript code that we wrote earlier between the opening tag and closing tag.

Sau đó, dán mã JavaScript sau đây để kết nối MyScript.js, từ tệp myfirstjavascriptProgram.html, giữa các thẻ cơ thể.

<script src = "myScript.js"></script>

Cấu trúc mã hoàn chỉnh của tệp myfirstjavascriptprogram.html hiện đang như sau:

<DOCTYPE html>
<html>
<head>
      <title>How to create external Javascript file in Notepad++ and connect to HTML web page</title>
</head>
<body>
      <script src = "myScript.js"></script>
</body>
</html>

Bước 4: Lưu tệp myfirstjavascriptprogram.html.: Save the “myFirstJavascriptProgram.html” file.

Bước 5: Xem trang web trong trình duyệt web. Kết quả, được hiển thị trong màn hình sau, sẽ hiển thị một thông báo đơn giản.: View the web page in a web browser. The result, shown in the following screen, will display a simple message.

Do đó, chúng ta có thể tạo một tệp JavaScript bên ngoài và kết nối từ trong trang web HTML bằng Notepad ++ hoặc Simple Notepad.


Đây là một quá trình rất đơn giản để tạo HTML, CSS và JavaScript bằng Notepad ++. Chỉ bạn cần biết cách kết nối giữa họ.

Nếu bạn là người mới bắt đầu và học phát triển web lần đầu tiên, bạn phải sử dụng Notepad ++ cho các chương trình JavaScript cơ bản và sau đó truy cập mã Visual Studio Code hoặc Eclipse Editor.


Hy vọng rằng hướng dẫn này đã bao gồm hầu hết các bước liên quan đến cách viết chương trình JavaScript đầu tiên trong Notepad ++ và nhúng nó từ trong trang web HTML. Tôi hy vọng rằng bạn sẽ hiểu các điểm cơ bản để tạo, lưu và chạy các tệp HTML và JavaScript.

Trong hướng dẫn tiếp theo, chúng tôi sẽ thảo luận về cách viết mã JavaScript trong Trình chỉnh sửa mã Visual Studio. Cảm ơn bạn đã đọc !!! Tiếp theo ⇒ Cách viết JavaScript trong Visual Studio Code⇐ & nbsp; Prev tiếp theo ⇒
Thanks for reading!!!
Next ⇒ How to write JavaScript in Visual Studio Code⇐ Prev Next ⇒

Tôi có thể viết JavaScript bằng Notepad không?

Vì JavaScript được chính trình duyệt giải thích, chúng tôi không cần bất kỳ trình biên dịch ưa thích hoặc phần mềm bổ sung nào để viết các chương trình JS.Tất cả những gì bạn cần là: một trình soạn thảo văn bản.Notepad khiêm tốn của bạn sẽ làm tốt, nhưng chúng tôi rất khuyến khích Notepad ++ (miễn phí).Your humble Notepad will do just fine, but we highly recommend Notepad++ (free).

Làm cách nào để bắt đầu JavaScript trong Notepad?

Để chạy JavaScript với Notepad ++,..
Nhập mã JavaScript của bạn vào Notepad ++.Chẳng hạn, nhập mã.....
Bây giờ, kèm theo mã của bạn với và thẻ.....
Lưu tệp với a.....
Bây giờ, nhấp vào chạy -> Khởi chạy trong Chrome.....
Nếu bạn sửa đổi mã, chỉ cần lưu các thay đổi (ctrl+s) trong notepad ++ ..

Notepad ++ có tốt cho JavaScript không?

Notepad ++ là một trình soạn thảo mã nguồn Windows nguồn miễn phí và nguồn mở và thay thế Notepad thực hiện một công việc tốt là chỉnh sửa JavaScript.Nó cũng hỗ trợ khoảng 50 ngôn ngữ lập trình và đánh dấu khác.does a decent job of editing JavaScript. It also supports about 50 other programming and markup languages.