Top #10 Bài Tập Java Swing Có Lời Giải Xem Nhiều Nhất, Mới Nhất 6/2022 # Top Trend | https://ta-ogilvy.vn

Bài tập JavaScript 1: Cho người dùng nhập vào tên và tuổi. Hãy viết lại tên và tuổi của người đó ra màn hình bằng hàm document.write, trong đó tên có màu đậm, tuổi được gạch chân.

Giải mẫu

Bài tập JavaScript 2: Tạo một nút nhấn (button) có name là welcome, value là ” Welcome “. Một textbox có tên là msg, value = “Welcome to”.

Hướng dẫn : Sử dụng phương pháp ( hàm ) write của đối tượng người tiêu dùng document để tạo .

Lưu ý quan trọng: Trong JavaScript, một hằng xâu được bao bởi cặp nháy đơn hoặc nháy kép, ví dụ các xâu: ‘nháy đơn’, “nháy kép” là những xâu hợp lệ, tuy nhiên bạn viết: ‘abc” hay “xyz’ là những xâu không hợp lệ. Trong trường hợp bạn muốn in chính bản thân dấu nháy đơn hoặc nháy kép ra màn hình thì bạn đặt trước nó một ký tự, ví dụ bạn có thể in ra màn hình dòng chữ: Women’s day ra màn hình bằng hai hàm alert và document theo các cách sau đây: alert(“Women’s day”), document.write(‘Women’s day’); alert(“Women”s day”); alert(‘Women”s day’); v.v…

Bài tập JavaScript 4: Lấy (đọc) giá trị của một phần tử HTML

Ví dụ : msg.value cho ta giá trị của text tên là msg .

Bài tập JavaScript 5: Khai báo hàm trong JavaScript và cách liên kết nút nhấn với một hàm

Tạo 2 phần tử như ví dụ 2, khi người dùng nhấn nút thì gọi một hàm có tên là HienThi, hàm hiển thị có chức năng hiển thị nội dung trong text có tên là msg ở trên.

Giải mẫu :

Lưu ý: Trong C, để khai báo một hàm thường bạn viết, ví dụ: int HienThi() v…v.. Tuy nhiên, với JavaScript có hơi khác tí chút, thay vào đó bạn viết function HienThi().

Bài tập JavaScript 6: Minh hoạ cách khai báo và sử dụng đối tượng Date trong JavaScript để hiển thị ngày giờ của hệ thống.

Hãy hiển thị ngày và giờ của mạng lưới hệ thống máy tính khi trang Web được nạp. Thông tin hiển thị ra có dạng như sau :

Sử dụng đối tượng người dùng Date và sử dụng những hàm lấy thứ, ngày, tháng, năm để in thông tin ra màn hình hiển thị. Chú ý đến những hàm tính tháng, ngày trong tuần bị hụt một đơn vị chức năng .
Hiển thị Giờ và phút trong thanh tiêu đề của hành lang cửa số khi trang Web được nạp .
Cho người dùng nhập vào năm sinh của họ, sau đó hiển thị tuổi tương ứng .
Sử dụng đối tượng người dùng Date để lấy năm hiện tại. Tuổi sẽ bằng năm hiện tại trừ đi năm sinh vừa nhập vào .
Viết đoạn Script cho người dùng nhập vào một số ít nguyên. Nếu người dùng nhập số 1 thì mở trang Web https://quantrimang.com, nếu nhập số 2 thì mở trang https://download.com.vn, nếu nhập số 3 thì mở trang https://vndoc.com, còn nếu nhập một số ít khác với 1, 2 hay 3 thì mở trang https://meta.vn .
Để mở một trang Web bất kể trong hành lang cửa số hiện hành bạn viết như sau :

window.open(“Địa chỉ của trang cần mở”).

Như vậy, để giải quyết yêu cầu của bài toán trên, bạn cần cho người dùng nhập vào một số và sử dụng cấu trúc switch để kiểm tra và mở trang web tương ứng.

Minh hoạ việc khai báo và sử dụng biến đối tượng Array để lưu trữ danh sách và cách sử dụng các hàm của đối tượng Array như hàm sort và vòng lặp chúng tôi

Cho người dùng nhập vào list tên của một lớp, sau đó sắp xếp theo vần Alphabet rồi hiển thị list đã sắp xếp đó ra màn hình hiển thị, mỗi người trên một dòng .
Nhận xét : Nếu muốn sắp theo chiều giảm dần thì sau khi sort bạn gọi hàm reverse .
“ Các câu lệnh JavaScript ” ở đây là bất kể câu lệnh JavaScript nào và chúng phải được cách nhau bởi dấu chấm phảy. Ngoài ra, những câu lệnh phải đặt trong cặp dấu nháy kép ( Hoặc nháy đơn ) .

2: Thực hiện câu lệnh document.write(‘Welcome to JavaScript’);

3 : Thực hiện NHIỀU câu lệnh JavaScript
4 : Thực hiện nhiều câu lệnh JavaScript và có lời gọi đến hàm KiemTra ( Tuoi )
5 : Thực hiện câu lệnh gọi hàm KiemTra ( ) .
Để lấy giá trị của một thành phần HTML nào đó, tất cả chúng ta viết
– Hoten. value, DangKy. value, GioiTinh. value, Password. value v.v …

Khi muốn lấy giá trị của phần tử nào đó bằng JavaScript thì bạn phải đặt cho nó một cái tên, như ví dụ ở trên, để lấy giá trị trong hộp text ta đã đặt cho hộp text này tên (name) là HoTen.

Để đổi khác giá trị một thuộc tính nào đó của thành phần HTML, bạn viết theo cách sau :
HoTen. value = “ Đây là văn bản mới ”, DangKy. value = “ Sign Up now ”, v.v …

Lưu ý: – Giá trị lưu trong hộp text luôn là một xâu, do vậy để thực hiện phép cộng được đúng, bạn cần phải chuyển giá trị sang dạng số bằng hàm parseFloat (Hoặc parseInt) như ở trên.

– Việc biến hóa này hoàn toàn có thể vận dụng cho những thành phần khác như button, checkbox, v.v …

Thuộc tính màu nền của tài liệu được lưu trong thuộc tính bgColor của đối tượng người tiêu dùng document. Thuộc tính này hoàn toàn có thể đổi khác được .
Tạo một list lựa chọn gồm có 4 màu : red, blue, brown và lavender. Khi người dùng chọn một màu thì màu nền của tài liệu sẽ đổi khác tương ứng .
Ở ví dụ trên, hàm kiểm tra sẽ được gọi mỗi khi sự kiện nhấn phím ( onKeyUp ) Open hay nói cách khác là khi người dùng gõ thêm một ký tự vào trong textarea .
: Khi người dùng vận động và di chuyển chuột vào thành phần nào thì hiển thị thông tin tương ứng dưới thanh trạng thái. Ví dụ nếu người sử dụng chuyển dời chuột qua nút nhấn “ Gửi ” thì thanh trạng thái sẽ là “ Bạn đang vận động và di chuyển chuột vào nút ” …
Tạo 3 textbox, có tên lần lượt là : SoLuong ( Số lượng ), DonGia ( Đơn giá ) và ThanhTien ( Thành tiền ) ;

Khi người dùng nhập giá trị trong DonGia thì kết quả sẽ được cập nhật ngay trong ThanhTien.

Hướng dẫn : Khi người dùng nhập giá trị trong textbox DonGia bằng cách nhấn những phím số thì sự kiện nhấn phím Open ( sự kiện nhấn phím có tên là onKeyUp ), do vậy ta sẽ viết những lệnh cung ứng với sự kiện này. Các lệnh ở đây chỉ có một do vậy nên đặt ngay trong định nghĩa thẻ, như sau :
Các thẻ có thuộc tính type = “ hidden ” sẽ không được hiển thị trong trình duyệt, tuy nhiên khi tất cả chúng ta “ Submit ” thì những thông tin trong đó cũng được gửi đi .

Bài tập JavaScript 26: Tạo một dòng văn bản “Welcome to CSS” có font chữ là Arial, in nghiêng và kích thước font chữ là 16 point.

Bài tập JavaScript 27: Tạo một textbox với màu nền là màu tím (magenta).

– Khi ta đặt là repeat-x thì ta có một dãy ảnh được xếp liên tiếp theo chiều ngang
– Khi ta đặt là repeat-y thì ta có một dãy ảnh được xếp liên tiếp theo chiều dọc

Khi muốn áp dụng các kiểu cho một số phần tử các bạn chỉ cần viết : style=”Tên_Thuộc_tính : Giá_Trị;” trong định nghĩa thẻ. Trong đó cặp “Tên_Thuộc_tính : Giá_Trị;” có thể viết như cột ví dụ đã chỉ ra ở các bảng trên.

Nội dung trang Web của tất cả chúng ta giờ đây sẽ là :
Yêu cầu : Tạo một link đến trang https://quantrimang.com/ bằng thẻ H2. Có màu nền là xanh, màu chữ là trắng. Khi chuột chuyển dời đến thì đổi màu nền thành màu đỏ .
Hướng dẫn : Để đổi màu nền thành đỏ so với thẻ H2 ( hoặc thẻ bất kể ) bạn viết :

document.all.LienKet.style.backgroundColor = ‘red’

Trong đó LienKet là giá trị của thuộc tính ID.

J Câu lệnh JavaScript này đặt ở đâu ?

@ Theo như yêu cầu đầu bài là: “Khi chuột di chuyển…”. Do vậy câu lệnh này sẽ được đặt trong sự kiện di chuyển chuột đến (có tên là onMouseMove)

Yêu cầu : Như bài 30, và thêm nhu yếu sau : Khi người dùng chuyển dời chuột ra khỏi thành phần H2 đó thì đặt lại màu nền là màu xanh .
Hướng dẫn : Viết lệnh đổi khác màu nền thành xanh trong sự kiện di chuột ra ngoài .
Tạo một tầng gồm có dòng chữ “ Welcome to LAYER ! ”, màu đỏ, size 40 pt, font chữ Arial. Toàn bộ dòng chữ này có độ rộng ( width ) là 300 px .
Hướng dẫn : Việc tạo tầng và đặt những thuộc tính hoàn toàn có thể đặt trải qua định nghĩa STYLE .
Để ẩn hay hiện tầng bạn viết :
document.all. LienKet. style.visibility = ‘ visible ’ ( hoặc ‘ hidden ’ )

Bài tập tự giải 34′: Tạo một hệ thống menu phân tầng như hình:

Minh hoạ thay đổi thuộc tính innerHTML

Minh hoạ thay thế thuộc tính outerText.

• Để mở một trang web trong một cửa sổ mới, bạn viết: window.open(“Địa chỉ URL của trang cần mở”, “_Blank”)
• Thay thế nút bằng một dòng chữ thông qua thay đổi thuộc tính outerText của nút.

Minh họa việc định vị động trong IE

Yêu cầu : Tạo một nút có nhãn là “ Đăng ký ”. Khi chuột vận động và di chuyển trong nút này thì hiển thị dòng nhắc là “ Đăng ký địa chỉ email mới ” có màu nền là vàng tại vị trí của con chuột. Khi chuột chuyển dời ra ngoài thì dòng nhắc ẩn đi .
Hướng dẫn : Bạn tạo ra một tầng chứa dòng chữ “ Đăng ký hòm thư mới ” có màu nền là vàng. Khi chuột vận động và di chuyển đến ( onMouseMove ) thì đặt thuộc tính visibility là ‘ visible ’ để cho hiện tầng đó và khi chuyển dời chuột ra ngoài ( onMouseOut ) thì đặt lại thuộc tính visibility là ‘ hidden ’ để ẩn tầng. Lưu ý, vị trí của chuột được lưu trong thuộc tính sự kiện. clientX và sự kiện. clientY. Bạn sẽ gán vị trí này của chuột cho 2 thuộc tính pixelLeft và pixelTop để xác định tầng .

Yêu cầu: Tạo một tầng có tên là Tang1, một nút nhấn có nhãn là “Load trang Web” và một hộp text có tên là DiaChi. Khi người dùng nhập địa chỉ vào trong hộp text và nhấn nút “Load trang web” thì nội dung của trang đó sẽ được nạp vào tầng Tang1.

– Dùng thẻ LAYER để tạo tầng và đặt tên cho nó là Tang1
– Viết trong sự kiện onCLick của nút “ Nạp trang web ” câu lệnh nạp tài liệu vào tầng. Cú pháp nạp tài liệu vào một tầng trong Netscape như sau :

document.Tang1.src = document.form1.DiaChi.value

BÀI TẬP JAVASCRIPT TỰ GIẢI

Tạo một thẻ H1, màu chữ xanh dùng để hiển thị thời hạn của mạng lưới hệ thống ( gồm giờ : phút : giây ) .
Gợi ý : Sử dụng 2 hàm setInterval để gọi 2 hàm chuyển dời 2 tầng .
Tạo 3 tầng ( Trong Netscape ), mỗi tầng nạp một trang tương ứng như sau : https://vndoc.com, https://quantrimang.com và https://meta.vn .

Bài số 8: Hãy tạo ra trang Web có giao diện như sau:

Khi người dùng di chuyển chuột đến phần tử nào thì hiển thị dòng nhắc dưới thanh trạng thái để hướng dẫn người dùng. Ví dụ: Khi người dùng đưa chuột vào trong ô textbox User Name thì thì hiển thị dưới thanh trạng thái là: “Nhập mã người dùng”, hay khi người đưa chuột đến nút “Đăng ký” thì hiển thị dòng nhắc: “Gửi thông tin đi để đăng ký” v.v…

Nút ĐK nên là nút thường, tức là tạo bằng thẻ :

• Khi gửi thông tin đi, cần kiểm tra xem nội dung người dùng gõ trong ô Password với textbox trong ô “Gõ lại password” có giống nhau hay không? Nếu bằng nhau thì mới gửi (Submit) đi, còn nếu không bằng thì thông báo là “Password phải giống nhau”
• Khi gửi thông tin, cần kiểm tra ngày sinh, tháng sinh phải hợp lệ. (Tức ngày phải nhỏ hơn 32, tháng phải nhỏ hơn 13)

Nút ĐK nên là nút thường, tức là tạo bằng thẻ :

Bài số 10:

Làm tương tự như bài tập 7 và 8, nhưng thêm nhu yếu : Khi người dùng nhập hoặc số lượng, hoặc đơn giá thì hãy tính luôn ô textbox thành tiền .
Hướng dẫn : Viết lệnh tính thành tiền trong cả 2 sự kiện onKeyUp của cả hai textbox số lượng và textbox đơn giá .

Bài số 11: Hãy tạo một menu đặt theo chiều dọc gồm 4 mục như sau:

Yêu cầu: 4 mục này có màu nền là xanh, màu chữ là vàng (yellow). Khi người dùng di chuyển đến mục nào thì mục đó có màu nền là màu đỏ. Khi di chuyển chuột ra khỏi thì màu nền trở lại màu xanh.

Gợi ý : Làm tựa như như bài tập mẫu, nhưng tạo ra 4 thẻ H2 .

Bài số 11: Hãy tạo một menu gồm 4 mục như ở trên nhưng theo chiều ngang,

— Bài cũ hơn —

Source: https://mix166.vn
Category: Hỏi Đáp