1. Giới thiệu
Trong hầu hết các kiểu trong lập trình đều được áp dụng cho nhiều ngôn ngữ khác nhau: php, asp.net,… hôm nay mình sẽ hướng dẫn cho các bạn sử dụng kiểu dữ liệu Boolean kết hợp với mệnh đề if trong js
2. Khai báo
Khai báo vào gán và giá trị true hoặc false
1
| var bl = true; var bl = false |
3. Thiết kế giao diện
- Thiết kế giao diện như sau
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
| <table> <tr> <td>What do you study language? <br/>ex: english, chinese, vietnamese, japanese</td><td> </td> </tr> <tr> <td> <inputid="txtLanguages"type="text"/></td></tr> <tr> <td> <inputid="btnlang"type="button"value="Languages"/></td> </tr> </table> |
- Hình minh họa
4. Coding
- Viết một function checkLang giá trị truyền vào với biến là lang, nếu chọn ngôn ngữ nào thì alert ra message và nếu không gõ đúng các ngôn ngữ gợi ý thì hiện ra message no choose
- Khai báo biến chooseLang
1
| var chooselang = '' |
- Viết function CheckLang với biến trả về lang
1
| function checkLang(lang) { |
- Nếu chọn giá trị là english
1
2
3
| if (lang == 'english') {chooselang = 'you choose lang: ' + lang;} |
- Nếu chọn đúng giá trị la chinese
1
2
3
| else if (lang == 'chinese') {chooselang = 'you choose lang: ' + lang;} |
- Nếu chọn đúng giá trị là vietnamse
1
2
3
| elseif (lang == 'vietnamese') {chooselang = 'you choose lang: ' + lang;} |
- Và nếu chọn đúng giá trị là japanese
1
2
3
| else if (lang == 'japanese') {chooselang = 'you choose lang: ' + lang;} |
- Trường hợp còn lại không chọn ngôn ngữ nào thì hiển thị
1
2
3
| else {chooselang = 'no choose';} |
- Kết quả trả về biến chooseLang
1
2
| return chooselang;} |
- Viết function reLang()
1
2
3
4
| function reLang() {var reLang = document.getElementById('txtlangs').value;alert(checkLang(reLang));} |
5. Kết quả trả về khi nhập giá trị vào textbox language
Comments[ 0 ]
Đăng nhận xét