Một Số Ví Dụ Học Javascript Căn Bản (Phần 1) - Freetuts

Chúng ta đã học được 8 bài rồi nên trong bài này mình sẽ làm một số ví dụ dùng javascript để viết một số chương trình căn bản để các bạn nắm rõ hơn và ôn lại kiến thức cũ. Nội dung của bài chủ yếu sử dụng kiến thức ở các bài trước nên nếu bạn chư xem thì quay lại và đọc qua nhé.

Bài viết này được đăng tại freetuts.net, không được copy dưới mọi hình thức.

1. Bài tập tìm số lớn - nhỏ nhất với javascript

Ta sẽ viết một chương trình cho người dùng nhập các con số vào cho tới khi không nhập nữa, sau đó sẽ xuất thông tin ra số nào lớn nhất và số nào nhỏ nhất.

Để giải quyết bài này chúng ta sẽ có ý tưởng như sau:

• Khai báo hai biến min và max để lưu giá trị nhỏ nhất và lớn nhất
• Sử dụng hàm prompt() để lấy thông tin. Hàm này nếu ta nhấn hủy thì sẽ trả về NULL
• Sử dụng vòng lặp while để yêu cầu người dùng nhập vào cho tới khi họ hủy. Vì khi click hủy sẽ có giá trị null nên điều kiện dừng của vòng lặp while là NULL
• Cuối cùng dùng lệnh document.write để in ra màn hình.

Các bạn xem code sau: XEM DEMO

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

// Hai biến lưu min và max var min = null; var max = null; // Biến lưu giá trị người dùng nhập vào var value = ''; // trong khi người dùng chưa nhấn Hủy // vì người dùng nhấn hủy tức là value = null, // thì sẽ dừng vòng lặp while (value != null) { // Lấy giá trị value = prompt("Nhập số, nếu muốn dừng thì không nhập gì"); // Nếu người dùng nhấn hủy thì không thực thi những đoạn code bên trong if (value != null) { // Nếu nhập lần đầu thì gán cả hai min và max bằng value if (min == null){ min = value; max = value; } else { // ngược lại sẽ kiểm tra gán min và max if (min > value){ min = value; } if (max < value){ max = value; } } } } // In ra trình duyệt document.write("Min là " + min +", Max là " + max);

2. Bài tập giải phương trình bậc nhất với javascript

Phương trình bậc nhất có dạng ax + b = 0. Như vậy ta có các trường hợp nghiệm như sau:

• Nếu a = 0 và b = 0 thì phương trình vô số nghiệm
• Nếu a # 0 và b = 0 thì nghiệm là x = 0
• Nếu a = 0 và b # 0 thì phương trình vô nghiệm
• Nếu a # 0 và b # 0 thì nghiệm là x = -b/a

Vì ta có hai số a, b là người dùng nhập vào, còn x là nghiệm nên ta sẽ viết chương trình cho người dùng nhập vào a, b rồi tính toán trên hai biến này. Các bạn xem code như sau:

XEM DEMO

function giai_pt_bac_nhat(a, b) { if (a == 0 && b == 0){ alert('Phương trình vô số nghiệm'); } else if (a != 0 && b == 0){ alert('Phương trình có nghiệm x = 0'); } else if (a == 0 && b != 0){ alert("Phương trình vô nghiệm"); } else { alert('Phương trình có nghiệm x = ' + (-b/a)); } } giai_pt_bac_nhat(1,0);

3. Bài tập kiểm tra số chính phương với javascript

Định nghĩa: Số chính phương là số có căn bậc hai là một số tự nhiên không có dấu chấm động. Ví dụ 4 là số chính phương vì căn bậc hai của 4 bằng 2. Còn 5 không phải là số chính phương vì căn bậc hai của nó là số có dư phần dấu chấm động.

Như vậy để giải bài này ta chỉ cần kiểm tra căn bậc hai của nó có tròn hay không, nếu số tròn không dư phần số phẩy ở sau thì là số chính phương. Và để kiểm tra một số có dư hay không thì ta chia nó cho 1 là được, ví dụ 1.2 % 1 = 0.2

Các bạn xem bài giải sau: XEM DEMO

function so_chinh_phuong(a) { // Ta dùng hàm Math.sqrt để lấy căn bậc 2 // sau đó chia lấy dư với 1, nếu bằng 0 thì là số chính phương, // ngược lại thì không phải là số chính phương if (Math.sqrt(a) % 1 == 0){ alert(a + " là số chính phương"); } else { alert(a + " không phải là số chính phương"); } } so_chinh_phuong(4); so_chinh_phuong(12); so_chinh_phuong(13);

Lời kết:

Đêm khuya muộn rồi nên mình sẽ dừng ở đây, hy vọng qua ba bài tập javascript căn bản này sẽ giúp bạn ôn lại kiến thức javascript căn bản mà 8 bài trước chúng ta đã được học.