Hướng dẫn javascript print hello world - javascript print xin chào thế giới

Trong ví dụ này, bạn sẽ học cách in 'Hello World' trong JavaScript theo ba cách khác nhau.

Một "Xin chào, Thế giới!" là một chương trình đơn giản in Hello, World! trên màn hình. Vì đây là một chương trình rất đơn giản, chương trình này thường được sử dụng để giới thiệu một ngôn ngữ lập trình mới cho người mới bắt đầu."Hello, World!" is a simple program that prints Hello, World! on the screen. Since it's a very simple program, this program is often used to introduce a new programming language to beginners.

---

Chúng tôi sẽ sử dụng ba cách này để in

// the hello world program

0.

• // the hello world program

  1

• // the hello world program

  2

• // the hello world program

  3

---

1. Sử dụng Console.log ()

// the hello world program

1 được sử dụng để gỡ lỗi mã.

Mã nguồn

// the hello world program
console.log('Hello World');

Đầu ra

Chào thế giới!

Ở đây, dòng đầu tiên là một bình luận.

// the hello world program

Dòng thứ hai

console.log('Hello, World!');

In 'Xin chào, Thế giới!' Chuỗi vào bảng điều khiển.

---

2. Sử dụng cảnh báo ()

Phương thức

// the hello world program

2 hiển thị một hộp cảnh báo trên cửa sổ hiện tại với thông báo được chỉ định.

Mã nguồn

// the hello world program
alert("Hello, World!");

---

Đầu ra

Chào thế giới!

Mã nguồn

// the hello world program
document.write('Hello, World!');

Hãy tạo một một ô textbox và một button, sau đó xử lý sự kiện khi click vào button thì xuất một thông báo lên trình duyệt với nội dung thông báo là giá trị của ô textbox, bài tập này khá đơn giản giúp bạn làm quen với ngôn ngữ Javascript.

Bài giải

Trước tiên bạn tạo một file

// the hello world program

8 với nội dung như sau:

Bây giờ chúng ta sẽ viết Javascript nằm trong cặp thẻ

// the hello world program

9 nhé. Bạn hãy bổ sung một đoạn mã Javascript như sau:

Sau đó các bạn hãy chạy file

// the hello world program

8 để xem thành quả nhé.freetuts.net, không được copy dưới mọi hình thức.

Full code cho bài này:

Full code cho bài họcRUN

Để lấy giá trị của ô textbox theo ID thì bạn sử dụng đoạn code sau:

var value = document.getElementById('id_textbox').value;

Để xử lý sự kiện click vào button thì bạn sử dụng cú pháp sau:

Bài viết này được đăng tại [free tuts .net]

var button = document.getElementById('id_button');

button.addEventListener('click', function(){
    // Code xử lý khi click
});

Cuối cùng là dùng hàm

// the hello world program

7 để in thông báo lên trình duyệt.

Tạm thời các bạn đừng thắc mắc những đoạn code này ở đâu ra, nó sẽ được mình giới thiệu ở các bài tiếp theo.

Bài giải

Trước tiên bạn tạo một file

// the hello world program

8 với nội dung như sau:

Bây giờ chúng ta sẽ viết Javascript nằm trong cặp thẻ

// the hello world program

9 nhé. Bạn hãy bổ sung một đoạn mã Javascript như sau:

var button = document.getElementById('id_button');

button.addEventListener('click', function(){
    var value = document.getElementById('id_textbox').value;
    alert(value);
});

Sau đó các bạn hãy chạy file

// the hello world program

8 để xem thành quả nhé.

Full code cho bài này:

Full code cho bài họcRUN RUN

Chúc bạn học tốt.

Bài tập thực hành

• Có nên học Javascript không?
• Dùng phần mềm gì viết mã Javascript?
• Viết chương trình Hello World trong Javascript
• Đưa ra ví dụ ba cách viết mã Javascript
• Nên viết mã Javascript ở đâu thì tốt?
• Hãy nêu quá trình biên dịch của Javascript

Cùng chuyên mục: