Lab03 coban javascript
Bạn đang xem bản rút gọn của tài liệu. Xem và tải ngay bản đầy đủ của tài liệu tại đây (484.02 KB, 6 trang )
Bài Tập Thực Hành Thiết Kế Web
Lab 3:
THIẾT KẾ WEB CƠ BẢN VỚI NGÔN NGỮ JAVASCRIPT
Mục tiêu:
Hiểu, biết và áp dụng ngôn ngữ Javascript trong thiết kế Web
Xây dựng các trang Web đơn giản sử dụng ngôn ngữ HTML kết hợp Javascript
Bài tập 01 : Viết chương trình như mẫu sau và chạy website
Bài tập 02 : Viết chương trình nhập vào một mảng và xuất ra tổng của mảng, sắp xếp mảng
tăng dần.
1
Bài Tập Thực Hành Thiết Kế Web
Bài tập 03 : Viết chương trình in ra giờ theo giờ địa phương và cập nhật từng giây
Bài tập 04 : Viết Script tạo hiệu ứng chuyển đổi hình khi đưa trỏ chuột vào hình
Bài tập 05 : Tạo hiệu ứng phóng lớn hình bằng Javascript
2
Bài Tập Thực Hành Thiết Kế Web
Bài tập 06 : Tạo trang web chứa các tùy chọn cho phép thay đổi màu nền trang web như
sau
Bài tập 07 : Thiết kế trang web tính toán như sau :
Bài tập 08 : Thiết kế trang đăng ký thành viên và kiểm tra dữ liệu nhập trong trang :
3
Bài Tập Thực Hành Thiết Kế Web
<html>
<meta http-equiv=Content-Type content="text/html; charset=utf-8"></meta>
<head>
<script language=”javascript”>
function kiemtra(){
var ht=window.document.dangky.txthoten.value;
var na=window.document.dangky.nam.value;
var email=window.document.dangky.em.value;
var tdn=window.document.dangky.tdn.value;
var mk=window.document.dangky.mk.value;
var nlmk=window.document.dangky.nlmk.value;
if(ht.length==0){
alert("vui lòng nhập họ ten");
window.document.dangky.txthoten.focus();
return false;
}
if(na.length==0){
alert("hãy điền năm sinh"); window.document.dangky.nam.focus();
return false;
}
if(isNaN(na)==true){
alert("Day khong phai la so");
window.document.dangky.nam.value="";
document.dangky.nam.focus();
return false;
}
re=/\w+@\w+\.\w+/;
if (email==""){
alert("Bạn chưa nhập email") ;
window.document.dangky.em.value="";
document.dangky.em.focus(); return false
}
else if(re.test(email)==false){
4
Bài Tập Thực Hành Thiết Kế Web
alert("Email không đúng định dạng!");
document.dangky.em.focus();
return false
}
if(tdn.length==0){
alert("hãy điền tên đăng nhập");
window.document.dangky.tdn.focus();
return false;
}
if(mk.length==0){
alert("hãy nhập mật khẩu");
window.document.dangky.mk.focus();
return false;
}
if(nlmk.length==0) {
alert("hãy nhập lại mật khẩu");
window.document.dangky.nlmk.focus();
return false;
}
if(mk != nlmk){
alert("mật khẩu và nhập lại mật khẩu ko trùng nhau");
window.document.dangky.nlmk.focus();
return false;
}
alert("Đăng ký thành công! Chúc mừng bạn");
return true;
}
</script>
</head>
<body>
