Nguon yenhung.xtgem.com

2)HOC JAVASCRIPT

* Mở đầu về Javascript

Javascript là ngôn ngữ thứ hai mình muốn giời thiệu với các bạn vừa mới bước chân vào con đường wapmaster, rất nhiều các cao thủ thiết kế wap,web sử dụng ngôn ngữ này và khiến trang của họ trỡ nên sống động, có thể nói javascript đã trỡ thành một ngôn ngữ không thể không nhắc tới khi nói tới lĩnh vực thiết kế website.

Sau đây là một số thông tin mà mình sưu tầm để chúng ta còn đi ba hoa JavaScript, theo phiên bản hiện hành, là một ngôn ngữ lập trình kịch bản dựa trên đối tượng được phát triển từ các ý niệm nguyên mẫu. Ngôn ngữ này được dùng rộng rãi cho các trang web,nhưng cũng được dùng để tạo khả năng viết script sử dụng các đối tượng nằm sẵn trong các ứng dụng. Nó vốn được phát triển bởi Brendan Eich tại Hãng truyền thông Netscape với cái tên đầu tiên Mocha, rồi sau đó đổi tên thành LiveScript, và cuối cùng thành JavaScript. Giống Java, JavaScript có cú pháp tương tự C, nhưng nó gần với Self hơn Java. .js(sau này mình gọi tắt javascript là js luôn cho nó ngắn) là phần mở rộng thường được dùng cho tập tin mã nguồn JavaScript.Phiên bản mới nhất của JavaScript là phiên bản 1.5, tương ứng với ECMA-262 bản 3. ECMAScript là phiên bản chuẩn hóa của JavaScript.

* Cú pháp JS

Javascript thường được hèn vào một trang web, nếu không muốn nói là sinh ra chỉ để chèn vào trang web. Ta có tể chèn Javascript vào html rất đơn giản với cái thẻ script, sau đó chèn code javascript vào bên trong nội dung thẻ script.

Mã nguồn:[Chọn]

<script language="javascript">document.write("Hello World!");</script>

kết quả:

Hello World!

Điều đặt biệt là js có thể xuất ra html.Đây dĩ nhiên là điều không thể thiếu để lập trình web với một ngôn ngữ lập trình!

Mã nguồn:[Chọn]

<script language="javascript">document.write("Hello, what's your name!?");document.write("My name: <input type=\"text\" />");</script>

bạn hãy thử xem nhé

Câu hỏi đặt ra là:tại sao lại không viết mọi thứ một cách bình thường! hay bạn thắc mắc về bất cứ điều gì!

Câu trả lời sẽ nằm ở các phần sau!

Bây giờ chú ý tới mặt cú pháp!bạn để ý trước, mỗi lần mình viết document.write()thì đó là một câu lệnh, mỗi câu lệnh:

Mã nguồn:[Chọn]

Câu lệnh là đơn vị cơ bản của một ngôn ngữ lập trình. Trong trường hợp đặc biệt, nó có thể cũng trở thành một đơn vị thao tác của máy tính điện tử hay còn gọi là một chỉ thị.Vì mức độ phức tạp, việc dùng các chỉ thị để trực tiếp điều khiển máy tính sẽ rất ít thông dụng. Thay vào đó, người ta ghép một số tổ hợp của các chỉ thị để cho máy thi hành đươc một động tác lớn hơn goi là câu lệnh. Như vậy mỗi câu lệnh bao gồm một hay một số mệnh lệnh máy tính được sắp xếp theo trình tự xác định và nhằm mụch đích ra lệnh cho CPU tiến hành một thao tác cố định có ý nghĩa.Tùy theo ngôn ngữ lập trình, các câu lệnh sẽ có cấu trúc khác nhau và có trật tự sắp xếp nhất định. Trật tự này thường không đổi và được gọi là cú pháp (syntax).Câu lệnh có thể hiểu như là mệnhđề cơ bản có thể được cấu trúc thông qua việc xử dụng các từ khóa (đã được định nghĩa từ trước bởi ngôn ngữ lập trình) hoặc là có thể tạo bởi các chỉ thị từ các cấu trúc ngữ pháp hay cú pháp đã được định nghiã sẵn. Các câu lệnh của một chương trình dùng để chỉ thị cho máy tính biết làm gì, xử lý như thế nàovới các dữ liệu và từ đó tiến hànhcác phép tính toán hay biến đổi dữ liệu để đạt được kết quả.

Và kết thúc mỗi câu lệnh, ta phải kết thúc với dấu;

*Chèn javascript vào HTML

Các ví dụ ở trên đả nêu ra cách chèn javascript vào HTML bình thường với cặp thẻ <script>

Nếu bạn có một đoạn javascript, và muốn dùng nó cho nhiều trang web, bạn không cần phải viết lại. Save nội dung javascript (không có hai thẻ <script> nhé) lại với một file có phần mở rộng là.js (giống như với html là .html thôi)

Đặt thêm thuộc tính src vào thẻ script mở:

VD:

Mã nguồn:[Chọn]

<script language="javascript" src="http://yenhung.xtgem.com/javascript/ads.js"></script>

Bên trong thẻ script không cần chứa bất cứ gì nhưng nội dung của file chứa javascript đả được thêm vào trang html.

Sau này khi các bạn có đã có thể viết những hàm cho riêng mình, đặt biệt là với những hàm dài, công dụng trên nhiều site, cách làm này rất hữu ích.

* Các kiểu giá trị JS - P1

Javascript thuộc loại ngôn ngữ mà kiểu của biến được đoán, một số ngôn ngữ cần được khái báo trước kiểu biến như pascal chẵn hạn!

Một số kiểu giá trị:

Boolean

Boolean là gái trị logic có hai giá trị là TRUE hoặc FALSE.(TRUSE có nghĩa là đúng, FALSE là sai)

Số

là loại giá trị dùng đễ tính toán đó, đừng nói bạn không biết số là gì nha! Số thì có số động, số nguyên......

Chuỗi

Chuỗi là các kí tự bảng chữ cái + kí tự đặc biệt + số, nói chung là bất kì cái gì mà ta viết ra trên bàng phím được, thì là chuỗi!

Phân biệt kiểu chuỗi và số ta gán biến a và b với các giá trị như sau:

a=1;

b="1";

a sẽ mang gái trị số, còn b mang giá trị chuỗi ==> đặt bên trong dấu nháy là chuỗi!

* Các kiểu giá trị JS - P2

Các bạn đã làm quen với hai khái niệm đầu tiên là hàm và biến, ở đây nếu bạn đã từng học qua bất kì một ngôn ngữ lập trình nào thì mọi việc sẽ được đơn giản hoá, nhưng còn với những người không chuyên như tụi mình, mọi việc sẽ hơi rắc rối phải dành riêng một bài để nói cho rõ!

Ví dụ mình có đoạn code các bạn tự làm thử xem nhá mình đang nghèo thời gian và phải hoàn thiện wap đã

1

Mã nguồn:[Chọn]

<script language="javascript">alert("aaaaaaaaaaaaaaaaaa");</script>

-Với đoạn code tương tự nhưng:

2

Mã nguồn:[Chọn]

<script language="javascript">thongbao="aaaaaaaaaaaaaaaaaa";alert(thongbao);</script>

-và đoạn code thứ hai:

3

Mã nguồn:[Chọn]

<script language="javascript">thongbao="aaaaaaaaaaaaaaaaaa";alert("thongbao");</script>

-Cũng một loạt ví dụ tương tự nhưng với nội dung là một con số:

4

Mã nguồn:[Chọn]

<script language="javascript">alert("1111111111");</script>

-và:

5

Mã nguồn:[Chọn]

<script language="javascript">alert(1111111111);</script>

-Bây giờ ta gán cho một biến giá trị 11111111111

6

Mã nguồn:[Chọn]

<script language="javascript">thongbao=1111111111;alert(thongbao);</script>

-và:

7

Mã nguồn:[Chọn]

<script language="javascript">thongbao="1111111111";alert(thongbao);</script>

-Chắc các bạn cũng nhận ra, sự đặc biệt mình muốn nhấn mạnh chính là các dấu ("), từ trong phép gán giá trị tới nội dung hàm.Ờ ví dụ2,3chúng ta nhận ra ngay sự khác biệt! giữ hai kết qua aaaaaaaaaa và thongbao, thật sự là như thế này:thongbao="aaaaaaaaaaaaa";dòng này có nghĩa là gán giá trị là chuỗi aaaaaaaaa cho biến thongbao.

alert(thongbao); lệnh alert sẽ lấy giá trị mà biến thongbao mang và in ra, trong lúc này thongbao có giá trị là aaaaaaaaa. Nhưng với dòng lệnh:alert("thongbao");dòng này có nghĩa là in ra chuỗi thongbao.

Như vậy, ta thấy được rằng giá trị chuỗi sẽ được đặt trong cặp dấu "

Còn với các ví dụ 4,5,6,7 các bạn biết tại sao kết quả lúc nào cũng là những con số một tuy rõ ràng là có sự khác biệt giữa các dùng các dấu "Thật ra là vì :alert("1111111111");các con số một ở đây hiễu là chuỗi dạng số.

alert(1111111111);còn đây là con số 1111111111.Kí tự chữ cái lúc nào cũng là chuỗi, trừ phi là tên riêng của cái gì đó, số mà đặt bên trong dấu ngoặc kép thì trở thành chuỗi.Để dùng giá trị của biến thì biến không được đặt trong dấu ngoặc kép giống như ở ví dụ 3, ý của người lập trình là hàm này sẽ in ra giá trị của biến thongbao, nhưng lại nhầm khiến giá trị in ra là chuỗi thongbao.Đây cũng là lí do mà tên biến bắt buộc phải bắt đầu với kí tự chữ cái, thử nghĩ xem, một anh chàng quyết định đặt tên biến là 123 và giá trị của nó là 456 rắc rối sẽ nảy sinh ra ở đây!

Còn đây là ví dụ cuối cùng của bài này:

8

Mã nguồn:[Chọn]

<script language="javascript">a=2001;alert("Anh yêu em từ năm anh"+a);</script>

-Hoặc là với ví dụ này

9

Mã nguồn:[Chọn]

<script language="javascript">b="Anh yêu em từ năm anh ";a=15;alert(b+(a+1)+"tuôi");</script>

Làm ơn đừng chú ý tới cái dấu cộng, chỉ hãy hiểu là dấu + dùng để nối hai thứ đó lại.

Ví dụ này vừa thể hiện rỏ mối quan hệ giữa biến, chuỗi và số, tất nhiên là tại sao cần dùng tới biến. ví như ví dụ 8, bạn nói bạn yêu một cô từ năm 2001, lỡ vài năm sau chia tay, bạn muốn dùng lại trang web này tặng cho một cô khác, lúc này bạn thấy mọi việc đơn giản là đỗi năm quen biết lại, nhưng hãy đặt trường hợp cả chương trình không chỉ có một dòng có năm 2001 thì để sữa lại mọi chuyện sẽ đơn giàn hơn nhiều nếu ta dùng tới biến.Còn ở ví dụ 9, các cặp dấu () cũng thể hiện thứ tự ưu tiên cho các bước thực hiện như trong môn toán, mình chỉ viết ví dụ này cho các bạn hiểu thêm.

* JS Phép toán - câu lệnh gán

Câu lệnh gán:

Lệnh gán là 1 trong những lệnh cơ bản nhất của ngôn ngữ lập trình, trong javascript có dạng:

<tên biến>=<biểu thức>;

nếu gán biến cho gái trị chuỗi:<tên biến>="<biểu thức>";

cần có thêm cặp dấu nháy.

Các bạn sẽ tìm hiểu sâu hơn cách dặt tên biến ở bài cách đặt tên biến

1.Toán tử số học(+[cộng], -[trừ],*[nhân], /[chia] , %[chia lấy dư],

++[tự tăng 1], --[tự giàm 1])

+ : Phép cộng.(khỏi giả thích)

- : Phép trừ.(khỏi giả thích)

* : Phép nhân.(khỏi giả thích)

/: Phép chia.(khỏi giả thích)

% : Phép chia lấy phần dư.

VD: 5/3 được 1 dư 2 thì5%3=2, ++: Phép tăng một đơn vị.

VD:

1++=2;

5++=6

--: Phép giảm một đơn vị.

VD:

1--=0;

9--=8

2.Toán tử so sánh

== : So sánh bằng.

> : So sánh lớn hơn.

< : Nhỏ hơn.

>= : So sánh lớn hơn hoặc bằng.

<= : Nhỏ hơn hoặc bằng.

!= : So sánh khác

Chú ý: chỉ có <= (bé hơn hoặc bằng) chứ không có =<(bằng hoặc bé hơn, cũng như thế đối với >=, không có chuyện =>)

3.Toán tử logic

&& (and): Giá trị đúng khi cả hai cùng đúng.

VD:nếu(anh yêu em)và(em yêu anh)thì cưới ngay.

ta chỉ cưới ngay khi hai điều kiện trong ngoặc cùng đúng.

|| (or) : Giá trị đúng nếu mộttrong 2 đều đúng.

VD:nếu(em đau khổ)hoặc(anh đau khổ)thìchia tay!

Chỉ cần một trong hai điều kiện đúng là chia tay

Đối với chuỗi

Toán tử+tượng trưng cho việc nối hai chuỗi lại.

VD:

a="I am";

b="Nguyen";

c=a+b;

thì c có giá trị là chuỗi "I am Nguyen"

* JS Cách đặt tên biến

Trước tiên, dành cho các bạn mới bước chân vào lĩnh vực lập trình:

Biến là đại lượng được đặt tên, dùng để lưu giữ giá trị và giá trị có thể thay đổi trong quá trình thực hiện chương trình.

SGK 11/12

Quả thật khái niệm được coi là cơ bản này khá là mơ hồ cho những người mới bắt đầu như chúng ta,nhưng các bạn sẽ từ từ hiểu ỏ mọi vấn đề khi tiếp tục đi sâu vào!

Một ví dụ đời thường:

Bạn có một bao thuốc lá, bạn lấy cây viết đặt tên nó là a, bạn nhét 10,000 VND vào bao thuốc lá, thì lúc này bao thuốc là có giá trị là 10,000 VND (tất nhiên là không tính tiền cái bao) rồi một hồi sau, bạn lấy 10,000 ra, bỏ vào tờ 5,000 thì nó có gái trị 5,000....hay là x,y,z trong một bài toán, ta cho x=5, y=6, z=x+y thì Z=11

Còn trong lập trình javascript

Biến lại chia làm 2 loại, biến toàn cục và biến cục bộ, đây là hai khái niệm mà nói thiệt, hơi khó là phân biệt ngay lúc này, các chiệu khó từ từ rồi ta sẽ quay lại, bây giờ chúng ta chỉ nhận biết sơ qua!

Biến toàn cục:ta khai báo biến toàn cục rất đơn giản, ví dụ ta đặt tên biến là a và giá trị =1.

Mã nguồn:[Chọn]

a=1;

Biến toàn cục có giá trị trong toàn bộ văn bản biến cục bộ:ta cần thêm từ khoá var vào trước.

Mã nguồn:[Chọn]

var a=1;

biến cục bộ tất nhiên khác với biến toàn cục là nó chỉ có hiệu lực trong cục bộ, tất nhiên cục bộ ấy là cái gì thì ta sẽ tìm hiều sau ha!

Quy tắc đặt tên biến

Có 3 quy tắc:

*.Ký tự bắt đầu phải là một chữ cái, còn các ký tự tiếp theo có thể là chữ số, gạch dưới, chữ cái. Ngoài mấy thứ kể trên ra, bạn không nên thêm bết cứ thứ gì khác vào tên biến!

*.Không được có khoản trắng

*.Các biến phân biệt chữ hoa chữ thừơng, vì thế ANH sẽ khác với Anh cũng như anh, để tránh rắc rối, ta nên dùng chữ thường cho tất cả tên biến và dùng dấu_ để phân cách thay cho khoảng trắng.

* Function - hàm JS

Hàm..à..ờ, hàm không có gì là xa lạ với các bạn, trong các ví dụ của mình ở bài đầu tiên cũng có dùng một hàm, đó là hàm alert.

Nói đơn giản :

Hàm là thứ mà khi ta gọi (gọi có nghĩa là viết ra và cho dòng lệnh chạy) thì nó sẽ thực hiện một số thao tác nhất định.

Hàm thường có dạng:

functionname()bên trong dấu ngoặc () đôi khi chả có gì, đôi khi là một con số hoặc trong trường hợp hàm alert thì là một chuổi, từ từ ta sẽ giải thích thêm!

Ví dụ khi ta dùng hàm alert ("thông báo cái gì đó") thì công việc của nó sẽ là: mở ra cái khung, cái khung có cái viền, cài viền màu ..., nền màu...., trong nền có dòng chữ thông báo cái gì đó.

Hàm alert là một trong những hàm dựng sẵn trong javascript, có rất nhiều các hàm như thế, các bài sau sẽ nói rõ hơn về từng hàm. bạn cũng có thể viết một hàm cho riêng mình.

Nói thêm về cách tự viết hàm:

Mình sẽ không nói về các viết mà sẽ nói cho bạn một

ví dụ:

Bạn làm một trang web cho người yêu, bạn muốn ít nhất 10 lần sự kiện A suất hiện, Sự kiện A bao gồm:

Viết ra dòng chữ anh yêu em

Chuyễn dòng chữ thành màu đỏ chuyễn dòng chữ thành màu xanh viết ra dòng chữ em yêu anh không thì tuỳ.

* JS Thủ tục vào ra đơn giản

Trước tiêng ta cũng phải biết một, hai cách để nhận dữ liệu và xuất dữ liệu ra màn hình để còn biết đường làm ví dụ!

hai thủ tục mà mình dùng để nah65p và xuất dự liệu là hàm Prompt và hàmalert.

Ví dụ như ta làm một cái máy tính, tính bình thương của một số nào đó, thì tất nhiên phải có một chỗ nào đó co người dùng điền số vào.

hàm Prompt yêu cầu người dùng nhập vào một số thông tin nào đó và sau khi người dùng nhập và nhấn OK, hàm sẽ gán những gì người dùng nhập vào cho một biến.

VD:

Mã nguồn:[Chọn]

a=prompt("Đây là đối số thứ nhất","Giá trị mặc định");b=a*a;alert("Bình phương của "+a+"="+b);Xem ví dụTa phân tí cha=prompt("Số thứ nhất","");ở đây ta thấy a được gán giá trị là hàm prompt, trong hàm prompt yêu cầu hai đối số(đối số chẳng qua là cái gì hàm yêu cầu, hai đối số phân cách nhau bở dấu phẩy)

đối số thứ nhất là thông báo sẽ hiễn thị trong ô prompt, thường là câu hỏi, hay yêu cầu nhập gái trị, đối số thứ hai là giá trị mặc định bên trong trường tông tin, nếu không muốn có bất kì giá trị nào bên trong đây, ta đặt ngay sao dấu phầy cặp dấu nháy.

Hàm alert thì quá quen thuộc chắc không cần nói nữa!

* Javascript Event

Bạn còn nhớ bài Event của HTML không, chính là nó đó!

Các bạn nên xem qua trước khi đi vào. Khó mà hiểu được bài này nếu các bạn không xem qua nó!

Event dịch ra nghĩa Tiếng Việt chắc là Sự kiện.ví dụ như sự kiện on click có nghĩa là khi click chuột. Khi click chuột sẽ có một cái gì đó hiện ra.Trong javascript, giả sử bạn có một đoạn code như thế này( đã chèn vào file html nhé):

Mã nguồn:[Chọn]

alert("lần thứ nhất");

alert("lần thứ hai");

alert("lần thứ ba");

Viết ra như thế thì sẽ lần lượt hiện ra ba bảng không báo, nhưng nếu bạn muốn tuỳ theo hành động của người dùng, scrpit sẻ chạy thì phải dùng tới event, dĩ hiên tính tương tác của website phụ thuộc vào vấn đề này! một điều chú ý:

bạn còn nhớ trong các quy tắc XHTML, ta gái trị của các sự kiện phải đặt trong cặp dấu ", nếu đoạn script cũng có chứa dấu nháy kép, mọi thứ sẽ bị nhầm lẫn,ta cần đổi dấu nháy kép của scrpit thành dấu nháy đơn.

VD:

Mã nguồn:[Chọn]

<a href="#" onclick="alert('ví dụ');">Click</a>

Vấn đề này nói tới đây thì đã rỏ,

* Các hàm JS sẽ dùng trong các ví dụ

* Một số hàm JS khác

* parseInt("chuỗi"): biến chuỗi thành số nguyên

* parseFloat("chuỗi"): biến chuỗi thành số thực

* Number(<đối tượng>): chuyển đổi một "đối tượng" sang dạng số. Nếu thất bại trả về NaN (not a number)

* isNaN(<giá trị>): kiểm tra giá trị. Nếu không phải số trả về true,ngược lại nếu là số trả về false

* eval("chuỗi"): biến chuỗi thành biểu thức tính toán được, hoặc biến chuỗi thành lệnh thi hành được như là mã lệnh của JS.

* Math.PI : hằng số PI = 3.14

* Math.sqrt(a) : căn bậc 2 của a.

* Math.pow(x,y) : tính xy

* Math.random() : tạo số ngẫu nhiên >0 và <1sưu tầm

* JS Comment - chú thích

Với những đoạn mã dai, chắc hãn sẽ rất khó nhớ ngay cả ý nghĩ của bạn sao nhiều thánh. Cái mà bạn cần lúc viết code là một vài dòng chú thích. Chú thích sẽ không có ý nghĩa lập trình, mỗi lần bắt gặp chú thích javascript sẽ bỏ qua nó.Chú thích bắt đầu với // Ở đầu một hàng bạn hãy viết hai dấu này, và tất cả những gì nằm cùng hàng với hai dấu này sẽ được xem là chú thích.

VD:

Mã nguồn:[Chọn]

<script language="javascript">

//Dòng chú thích aalert("Code javascript");

//dòng chú thích balert("Code javascript");

</script>

Nhiều chú thích cùng lúc

Khi mà bạn có một chú tích quá dài và việc viết trên cùng một hàng trỡ nên quá khó khăn, hãy dùng hai kí tự /* để bắt đầu những dòng chú thích, và đánh dấu kết thúc bằng hai kí tự */ VD:

Mã nguồn:[Chọn]

/*

Những dòng chú thích không nhất thiết rằng phải nằm cùng hàng

*/

alert("Code javascript");

CẤU TRÚC RẼ NHÁNH

* Js câu lệnh IF

Đọc bài này các bạn cần xem lại:các kiểu giá trị,Phép toán, câu lệnh gán.

Trong cuộc sống, có nhiều việc ta chỉ làm khi thoả mản một số điều kiện cụ thể.

Ví dụ:

Một ông bố hứa với con trai:

_Nếu con đỗ đại học thì bố sẽ thưởng cho con một chiếc xe.

Chừng nào mà điều kiện con đỗ đại học thì ông bố mới lo tới chuyện thưởng cho con một chiếc xe. Tới một ngày kia, ông bố lại nói với cậu con trai.

_Nếu con đỗ đại học thì bố sẽ thưởng cho con một chiếc xe, nếu không thì đi nghĩa vụ quân sự.

Ở câu nói thứ nhất của ông bố, không nói rõ thi rớt thì có chuyện gì, còn ở câu thứ ai có nói rõ.

Trong lập trình tuy hình thức từng ngôn ngữ hơi khác nhau nhưng cũng có hai dạng cơ bản của câu điều kiện, ta chỉ bàn tới câu lệnh này trong phạm vi javascript

if-then

if(<điều kiện>)

{

câu lệnh 1;

câu lệnh 2;

................

}

Nếu chỉ có một câu lệnh sau vế điều kiện thì ta không cần cặp dấu ngoặc {}, nhưng luôn có hiện diện của cặp dấu {} là một thói quan tốt, giúp tránh nhầm lẫn!

if-then-else

if-then

if(<điều kiện>)

{

//các câu lệnh sẽ thực hiện nếu điều kiện thoả mản

câu lệnh 1;

câu lệnh 2;

................

}else{

//các câu lệnh thực hiện khi điều kiện không thoả mản

câu lệnh 1;

câu lệnh 2;

................

}

Cách xác định đúng hay sai

Ví dụ ta có đoạn script:

Mã nguồn:[Chọn]

a=3;

b=5;

if(a<b)

{

alert("Đúng");

}else{

alert("Sai");

}

Trường hợp này thì kết quả sẽ là bản thông báo với nội dung

Đúng

Nhưng hãy xét thêm trường hợp:

Mã nguồn:[Chọn]

a=3;

b=5;

if(a<b==false)

{

alert("Đúng");

}else{

alert("Sai");

}

Thì kết quả sẽ là một hộp thông báo với nội dung là Sai??????

Vì:bản thân biểu thứ c a<b với a=3 và b=5 mang giá trị đúng(true) mà đúng(true)==sai(flase) thì tất nhiên là sai.

Sử dụng toán tử or(||) ,and(&&)

Bây giờ chúng ta sẽ viết một đoạn scrpit trong đó nếu người ta nhập vào một ky' tự số, chương trình sẻ thông báo là người dùng đã nhập một giá trị số, còn bất kì ký tự nào khác nó sẽ báo lỗi!

Mã nguồn:[Chọn]

<script language="javascript">

//promt để nhập dữ liệu gán cho biến c

c=prompt("Nhập một ký tự số từ 0--->9:","");

//vì một con số 1 chữ sẽ có giá trị từ 0-->9

if((c>=0)&&(c<=9))

{

alert("Bạn vừa nhập vào một giá trị số");

}else{

alert("Bạn đã nhập sai yêu cầu");

}

</script>

Xem ví dũ

Tự bản thân toán tử<=hay>=đã là một toán tử hoặc.

* JS - ELSE...IF

ELSE IF cũng tương tự như IF, nhưng thật ra là một câu lệnh if ngay sau vế else.tại sao lại dùng tới ư, xem ví dụ nhé:

Nếu điểm Trung Bình năng của con từ 9 trở lên thì quà của con sẽ là một chiếc Novol, từ 7 tới dưới 9 là một chiếc Martin, còn mà dưới 7 là có chuyện đó!.để thể hiện thông điệp đó trong javascript:

Mã nguồn:[Chọn]

diem=prompt("Điểm của bạn","");

if(diem>=9)

{

alert("Được một chiếc Novol");

}else if(diem>=7)

{

alert("Được một chiếc Martin");

}else

{

alert("Tiêu rồi");

}

bạn thấy cấu trúc else if xuất hiện ở phần giữa chương trình không hãy xem thử ví dụ với điểm của bạn từ 9 trở lên, để thấy được khác biệt, ta xem ví dụ này:

Mã nguồn:[Chọn]

diem=prompt("Điểm của bạn","");

if(diem>=9)

{

alert("Được một chiếc Novol");

}

if(diem>=7)

{

alert("Được một chiếc Martin");

}else

{

alert("Tiêu rồi");

}

Ta thay cấu trúc else if với một câu if, điều gì sẽ sảy ra khi ta nhập một điểm từ 9 trở lên. Vân, nó sẽ hiện ra tới hai hộp thông báo, một chiếc Novol và một chiếc Martin, lời nhỉ.

Sở dĩ là vì ở đoạn con dùng cấu trúc else if có nghĩ là khi trường hợp điểm từ 9 trở lên đã thoả mản lần if đầu tiên, lần else if chỉ diễn ra khi lần if đầu tiên không thoả mản, nói một cách khác, đó là 2 vế của 1 câu lệnh.

Còn ở đoạn code thứ hai, đó là hai câu lệnh riêng biệt, nếu điểm từ chính trở lên, thoả điều kiện cho câu lệnh 1, thì tất nhiên cũng lớn hơn 7 và thoả luôn điều kiện câu lệnh 2.

Nếu bạn không dùng tới cấu trúc else if mà muốn dùng toàn câu if thì ta phải thêm điều kện vào câu lệnh, ví như với đoạn code 2, ta cần thêm vào điều kiện như thế này:

Mã nguồn:[Chọn]

diem=prompt("Điểm của bạn","");

if(diem>=9){

alert("Được một chiếc Novol");

}

if((diem>=7)&&(diem<9))

{

alert("Được một chiếc Martin");

}

if(diem<7)

{

alert("Tiêu rồi");

}

Nhưng quả thật sẽ rất khó khăn nếu có nhiều mức thưởng nhỉ!

Cấu trúc else if này rất thuận lợi để bạn giải quyết những vấn đề với nhiều điều kiện và nhiều hành động.

CẤU TRÚC LẶP

* Các vòng lặp js

Bạn muốn bày tỏ tình yêu với người ấy, và muốn cho người ấy biết bạn yêu người ấy đến nức nào, và ý tưởng của bạn sẽ là mộttrang web với hàng ngàn dòng chữ :I LOVE YOU

Có hai cách để làm chuyện này:

_Đầu tiên bạn hãy viết ra một câu:I LOVE YOU, sau đó copy & past bằng tổ hợp phím Ctrl + V cho nó lẹ, được cở 5,6 dòng, tô đen hết lại past tiếp, được cỡ một ganf, tô den rồi past cho nó nhiều, chả mấy chốc cũng sẽ được một ngàn dòng.

_Cách thứ hai là làm mọi thứ với khoảng 5 dòng với javascript, quăng luôn đoạn code để mọi người xem rồi ta cùng đi vào tìm hiểu sau:

Mã nguồn:[Chọn]

<script language="javascript">

var i=0;

while(i<1001)

{

document.write(" <font color=\"#FF00FF\">I LOVE YOU</font>

");

i=i+1;

}

</script>

Không tính hai thẻ đóng và mở của tag <script> thì ta có 6 dòng, đoạn js này dài 6 dòng nhưng sẽ in ra được 1000 câu anh yêu em với định dạng như trên, bắt đầu phân tích nào:

dòng var i=0; khai báo biến đếm (vì nó là để đếm xem bao nhiêu lần rồi nên gọi là biến đếm thôi) i và gán cho nó giá trị =0;

dòng while(i<1001) dòng này là linh hồn của cả đoạn, chữ while trong tiếng anh có nghĩa là trong khi, còn với cú pháp javascript trên thì dịch cả câu là :

khi điều kiện còn đúng thì làm đi, làm lại cái trong cặp dấu ngoặc móc, với câu lệnh trên của chúng ta thì điều kiện là i<1001.

Hàm document.write

có vài điểm hơi lạ, các bạn chắc hẵn còn nhớ là để tránh sự nhần lẫn giữa các dấu nháy, nếu bạn muốn thêm vào trong hàm các phần tử html với các gái trị bao quanh dấu nháy thì phải thay các dấu nháy đôi bằng dấu nháy đơn,nhưng tại sao mình lại dùng được các dấu náy kép được, dĩ nhiên các bạn sẽ đoán được là nhờ các dấu

gay phía trước các dấu nháy kép, đây là một số lưu ý để sao này các bạn chắc hẵn sẽ cần dùng tới.

Dòngi=i+1;

đây là dòng tăng giá trị của i lên, phải có dòng này thì tới một lúc nào đó vòng lặp mới ngưng chứ!

Một dạng vòng lặp khác là vòng lặp for.

Bạn hãy xem ví dụ với cùng chức năng với đoạn code trên:

Mã nguồn:[Chọn]

for(i=0;i<1001;i++)

{

document.write(" <font color=\"#FF00FF\">I LOVE YOU</font><BR />");

}

tất cả vòng lặp for đều như thế này:

for(phần khởi tạo;phần điều kiện;tăng hay giảm giá trị)

Phần khởi tạo:bạn khái báo biến đếm và gán giá trị ban đầu cho nó luôn.

Phần điều kiện:bạn đặt ra điều kiện.

Phần tăng/giảm gái trị:đây là điềm khác biệt nhất với vòng lặp while, trong khi vòng lặp while thì cần một câu lệnh để tăng/giảm giá trị cho biến đếm, thì bản chất vòng lặp for đã có sẵn điều này.

Mình trong ví dụ trên, điều kiện mình đã đặt theo kiểu toán tự rút gọn ( ++ có nghĩa là tự tăng lên 1, bạn nên xem lại bài toán tử)

Chú ý:mọi con đường đều về La Mã, ở các ví dụ trên mình chỉ cho tăng biến đếm lên, trong khi vẫn có thể làm như thế với các giảm biến đếm xuống, chỉ cần linh hoạt một chút:

Mã nguồn:[Chọn]

for(i=1001;i>1;i--)

{

document.write(" <font color=\"#FF00FF\">I LOVE YOU</font><BR />");

}

hãy linh hoạt và vận dụng thích hợp cho mục đích của bạn, đó là việc mà chỉ con người mới làm được!

* Break - dùng vòng lặp js

Thử đặt ra trường hợp ta có một chương trình học toán cho trẻ, loại học bảng cửu chương ấy (ví dụ bảng cửu chương 2), chương trình như thế này:

_Mỗi lần chương trình sẽ in ra màn hình câu: 2x1=?

_Một prompt sẽ xuất hiện, yêu cầu trẻ nhập số vào.

_Nếu đúng thì chương trình tiếp tục vè sẽ kết thúc cho tới khi tớ 2x10.

_Nếu sai thì chương trình sẽ dừng, và bảo trẻ nên học lại bài.

Giải pháp:

_Chạy một vòng lặp từ một tới 10,dùng cấu trúc if để xác định đúng sai.

Nhưng làm sao ta có thể dừng vòng lặp lại khi kết quả sai.

_Lệnh break sẽ là giải pháp, nó sẽ bẻ gãy vòng lặp ngay khi chương trình phát hiện nó.

Mã nguồn:[Chọn]

<script language="javascript">for(i=1;i<11;i++)

{

a=prompt("2 lần "+i+" là?","")if(a==(i*2))

{

alert("Đúng rồi 2 lần "+i+" là "+a);

}else{

alert("Sai rồi, em nên học lại bài cho kĩ nhé")

break;

}

}

</script>

MẢNG...