Tự học lập trình web với PHP: Bài 16

LAB 3: JAVASCRIPT

TOÁN TỬ TRONG JAVASCRIPT

A – LÝ THUYẾT

I – TOÁN TỬ GÁN

Chúng ta đã từng tiếp xúc với toán tử này bởi việc khởi tạo 1 biến. Nó gồm ký tự đơn =. Toán tử gán lấy giá trị của toán hạng bên phải gán nó vào toán hạng bên trái.

II – TOÁN TỬ SỐ HỌC

Là dạng phép tính giản đơn cộng, trừ, nhân, chia trong số học. Ngoài ra còn có phép chia lấy dư (%). Được sử dụng để lấy ra đơn vị dư của 1 phép toán.

III – TOÁN TỬ SO SÁNH

Là toán tử được sử dụng để thực hiện các phép toán so sánh giữa hai số hạng. Thông thường hay được sử dụng trong các biểu thức điều kiện và vòng lặp. Chi tiết, xem bảng bên dưới.

Toán tử	Mô tả	Ví dụ
==	So sánh bằng	(a == 10)
!=	Không bằng	(a != 0)
>	So sánh lớn hơn	(a > 0)
>=	So sánh lớn hơn hoặc bằng	(a >= 10)
<	So sánh bé hơn	(a < 0)
<=	So sánh bé hơn hoặc bằng	(a <= 10)

IV – TOÁN TỬ LOGIC

Toán tử logic là các tổ hợp các giá trị boolean. Thông thường hay được sử dụng trong các biểu thức điều kiện và vòng lặp. Chi tiết, xem bảng bên dưới.

Toán tử	Mô tả	Ví dụ
&&	Và (And)	(a = 10 && b = 15)
\|\|	Hoặc (Or)	(a == 5 \|\| a ==)
!	Phủ định (Not)	!(a == 10)

V – TOÁN TỬ KẾT HỢP

Khi tạo mã Javascript, chúng ta sẽ thường nhận thấy cần phải tăng hoặc giảm lượng biến một số nguyên nào đó. Bạn sẽ thường thực hiện điều này khi chúng ta đếm 1 giá trị nào đó trong vòng lặp.

Toán tử	Ví dụ	Mô tả
++	a++	Tương đương với a = a + 1
--	a--	Tương đương với a = a - 1
+=	a += b	Tương đương với a = a + b
-=	a -= b	Tương đương với a = a - b
*=	a *= b	Tương đương với a = a * b
/=	a /= b	Tương đương với a = a / b

B – THỰC HÀNH

I – BÀI TẬP THỰC HÀNH

Bài 1:

Khai báo 2 Biến a và b lần lượt có các giá trị là 2 và 1. Hãy sử dụng các toán tử đã học cho 2 Biến a và b để được một Biến c có giá trị là 0 (Càng nhiều cách càng tốt)

Bài 2:

Tìm dãy chữ cái sau TUVXYZ biết mỗi chữ cái là kết quả của một phép toán như bài tập dưới đây (Chú ý không được phép chạy thử ví dụ, mà hãy lập luận logic theo kiến thức đã học để đưa ra kết quả cuối cùng)

II – BÀI TẬP VỀ NHÀ

Bài 3:

Hoàn thành một ứng dụng đơn giản như trong mẫu của file bai_tap_3.html

Bài 4:

Hoàn thành một ứng dụng đơn giản như trong mẫu của file bai_tap_4.html

Đáp án

Phần I

bài 1:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<head>

</head>

<body>

var a = 2;

var b = 1;

var c = (a%b);

document.write(c + "<br>");

/*a = 2; b = 1 */

var c = ((--a)-b);

document.write(c + "<br>");

/*a = 1; b = 1 */

var c = (a - (b++));

document.write(c + "<br>");

/*a = 1; b = 2 */

var c = (a - (--b));

document.write(c + "<br>");

/*a = 1; b = 1 */

var c = (a-b);

document.write(c + "<br>");

/*a = 1; b = 1 */

var c = b-a;

document.write(c + "<br>");

/*a = 1; b = 1 */

var c = (--a) + (!b);

document.write(c + "<br>");

/*a = 0; b = 1 */

var c = a + 1 - b;

document.write(c + "<br>");

</script>

</body>

</html>

Bài 2:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<head>

<title>Untitled Document</title>

</head>

<body>

<p>

<pre>

*) Ta có: a = 5;

xuất ra a => T = a = 5;

*) a++ = 6;

xuất ra a => U = a = 6;

*) b=a--; (Gán a cho b rồi mới giảm giá trị của a)

xuất ra b => V = 6;

Lúc này: a = 5; b = 5;

*) c=--a => c=4 (giảm giá trị của a rồi mới gán)

xuất c => X = 4

Lúc này: a = 4; b = 5; c = 4;

*) c+=10 => c = 4 + 10 = 14;

c-=a => c=c-a=14-4=10;

xuất c => Y = 10;

Lúc này a = 4, b = 5, c = 10

*) d=2;

c/=d => c=c/d = 10/2 = 5;

xuất c => Z = 5

</pre>

</body>

</html>

Bài 3:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<head>

</head>

<body>

var a = prompt("Nhập vào số thứ nhất");

var b = prompt("Nhập vào số thứ hai");

var tong = parseInt(a) + parseInt(b);

var hieu = parseInt(a) - parseInt(b);

var tich = parseInt(a) * parseInt(b);

var thuong = parseInt(a) / parseInt(b);

document.write("Tổng của 2 số "+a+" và "+b+ " cho kết quả bằng: <b>"+tong+"</b><br>");

document.write("Hiệu của 2 số "+a+" và "+b+ " cho kết quả bằng: <b>"+hieu+"</b><br>");

document.write("Tích của 2 số "+a+" và "+b+ " cho kết quả bằng: <b>"+tich+"</b><br>");

document.write("Thương của 2 số "+a+" và "+b+ " cho kết quả bằng: <b>"+thuong+"</b><br>");

</script>

</body>

</html>

Bài 4:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<head>

<title>Untitled Document</title>

<style>

table{

width: 400px;

height: 130px;

font-family: arial;

font-size: 12px;

margin: 0 auto;

}

td#title{

color: white;

background-color: orange;

font-weight: bold;

text-align: center;

}

td.chucnang_left{

font-weight: bold;

text-align: left;

}

td.chucnang_right{

color: orange;

text-align: left;

}

</style>

</head>

<body>

var hoTen = prompt("Nhập Họ và Tên đầy đủ xuống dưới đây!");

var tuoi = prompt("Nhập Tuổi xuống dưới đây!");

var gioiTinh = prompt("Nhập Giới Tính xuống dưới đây!");

var diaChi = prompt("Nhập Địa Chỉ xuống dưới đây!");

var dienThoai = prompt("Nhập Điện Thoại xuống dưới đây!");

document.write("<table border=\"1px\"><tr><td id=\"title\" colspan = \"2\" >THÔNG TIN THÀNH VIÊN</td></tr><tr><td class=\"chucnang_left\" width=\"240px\" font-weight=\"bold\">Họ và Tên</td><td class=\"chucnang_right\" width=\"160px\">"+hoTen+"</td></tr><tr><td class=\"chucnang_left\" width=\"240px\" font-weight=\"bold\"'>Tuổi</td><td class=\"chucnang_right\" width=\"160px\">"+tuoi+"</td></tr><tr><td class=\"chucnang_left\" width=\"240px\" font-weight=\"bold\"'>Giới Tính</td> <td class=\"chucnang_right\"width=\"160px\">"+gioiTinh+"</td></tr><tr><td class=\"chucnang_left\" width=\"240px\" font-weight=\"bold\"'>Địa Chỉ</td> <td class=\"chucnang_right\"width=\"160px\">"+diaChi+"</td></tr><tr><td class=\"chucnang_left\" width=\"240px\" font-weight=\"bold\"'>Số Điện Thoại</td> <td class=\"chucnang_right\"width=\"160px\">"+dienThoai+"</td></tr></table>");

</script>

</body>

</html>

>>Xem bài trước: Bài 15 Biến và các kiểu dữ liệu trong javascript

>>Xem bài tiếp theo: Bài 17 biểu thức điều kiện và vòng lặp trong javascript

Tự học lập trình web với PHP

Bài 16 - Toán tử trong javascript

No comments:

Post a Comment