-
Cùng tham gia cộng đồng FuOverflow trên Facebook www.facebook.com/groups/fuoverflow
Check được vài lỗi nhỏ:
- header dùng font chữ Ephesis, nhưng ông không dùng!
- menu list đề căn giữa page, nhưng ông căn bị lệch với lại không nên dùng table để tạo phần đó nó khiến việc chỉnh css tốn time hơn (trang bị thừa lề bên phải, có thể mất điểm á!)
- Ở detail-content, các chấm đầu dòng của thẻ <li> phải màu xám không phải màu xanh, dùng css::marker selector để xử lý
- Đề yêu cầu viết tên hàm là CalTotal() cơ mà ???, ông viết tên hàm đâu đúng.
- Cỡ chữ một số chỗ vẫn chưa giống đề.
- Với một lỗi nhỏ, khi ông chọn sản phẩm và nhấn submit thì nó ra tổng giá, nhưng khi bỏ chọn hết và nhấn submit lại thì giá vẫn không thay đổi (chưa reset lại giá). Vd: Jackfruit ice creams $3 -> $3, bỏ chọn nhấn submit -> $3 (BUG)
nhưng mà sao bà biết Ephesis hay vậy
=))) tôi thử 20 cái font mà không tìm ra font hợp lí nên bỏ qua, với chấm PE nó không gắt vậy đâu. Lướt sơ sơ nhập đúng là 10d rồi, nhưng mấy cái này tôi sai thật =))) Do lúc làm tắt wifi không tra chat gpt được kkk
Trên đề có phần import link từ google font á, nhớ để ý phần này <link href="https://fonts.googleapis.com/css2?family=Ephesis&display=swap" rel="stylesheet"> (Ở thẻ head)nhưng mà sao bà biết Ephesis hay vậy
Vừa check lại thì dùng table cũng được nha, fix lại lề ghi lại css cho class form (
.form{
display: flex;
justify-content: center;
}
)
Nếu bạn nhìn kĩ thì nó không phải center đâu bạn, cái này mình có check bằng page ruler rồi =))
OCDer khum thích điều này @@
Đầu tiên: Làm PE thì đáp án mang tính tương đối 80% thôi, căn lề gần chuẩn là được, với JS người ta chỉ bấm kiểm tra hàm thôi chứ không có back lại đâu ( làm vậy chấm 10 năm sau mới xong ). Font chữ thì tùy nhưng nếu nhỏ lệch tầm 1 2 font size vẫn được. Bài làm tương đối 90 tới 99% là đã đủ 10 PE rùi, Table vẫn làm được nhưng hơi lâu( làm cái đó mà xài div div div thì chỉ có chít luôn í), tui làm nhanh thì làm quả table đó chưa tới 10p chỉnh css 20p. Nhưng đề này đề chống đậu thôi nên vậy là ổn rồi =)))
Dưới đây là bài remake sửa theo yêu cầu của b.
Dưới đây là bài remake sửa theo yêu cầu của b.
ủa mà b ơi hình như đề kêu làm bằng List hay làm Table cũng được vậy?
Đề chụp thiếu mất phần yêu cầu CSS rồi nên mình không rõ, nếu người ta yêu cầu dùng gì thì bạn cứ làm thôi còn không yêu cầu thì bạn dùng gì cũng được!
[email protected]
FPT Student
- FUO Point
- 5,357
ông giải thích tôi cái phần javascript này được không
Đợi xíu nhé bạn tí mình giải thích cho
Đúng rồi, Tui thấy thiếu nên không có biết nên làm table luôn =))) khúc trên làm đúng hình thôi còn tùy cơ ứng biến nữa
Hàm function submit dùng để khi bạn nhấn vào nút Order thì nó sẽ in ra những thứ bạn đã chọn.
var click để lấy id order ( tức là tag table)
var check lấy những thằng có tag input( tạo ra một danh sách chứa chuỗi html) (Note: id thì getElement còn lại là getElements)
Khởi tạo mảng arr
vòng lặp for đó để bạn duyệt từng thằng trong check ( check.length)
điều kiện if xài so sánh 3 bằng để check type và kiểm tra thằng nào check rồi bằng đuôi .checked
var label để mình lấy tên các món ăn, thì mình đang gọi bọn input muốn gọi bọn label thì mình cài .parentNode (lùi về thằng cha) sau đó chọn tag Name Label.
Để dễ hình dung cái label này mình sẽ xài console.log để cho bạn xem:
Dòng đầu tiên, console.log(check.parentNode.getElementsByTagName("label")[0]);, in ra phần tử đầu tiên ([0] là chỉ số của phần tử đầu tiên trong mảng) trong danh sách các thẻ label được tìm thấy bên trong phần tử cha (parentNode) của phần tử check. (Có thể phần tử cha có nhiều label)
Dòng thứ hai, console.log(check.parentNode.getElementsByTagName("label"));, in ra toàn bộ danh sách các phần tử label tìm thấy bên trong phần tử cha của phần tử check. Danh sách này được trả về dưới dạng một đối tượng giống mảng (HTMLCollection).
còn lại là push( stack) vào trong array, ( textContent là văn bản thuần túy, innerHtml là văn bản có sử dụng tag HTML, ví dụ như muốn xuống dòng thì phải xài <br> trong innerHtml, nhưng textContent nhận diện <br> là 1 string)
dòng arr.length khác 0 thì giống như không có gì xảy ra, không thay đổi gì cả. Nếu có thì đổi màu background thành xám nhạt.
dòng cuối in ra danh sách và xuống dòng( còn xuống dòng padding chữ như nào thì #ans trong CSS xử lí)
var click để lấy id order ( tức là tag table)
var check lấy những thằng có tag input( tạo ra một danh sách chứa chuỗi html) (Note: id thì getElement còn lại là getElements)
Khởi tạo mảng arr
vòng lặp for đó để bạn duyệt từng thằng trong check ( check.length)
điều kiện if xài so sánh 3 bằng để check type và kiểm tra thằng nào check rồi bằng đuôi .checked
var label để mình lấy tên các món ăn, thì mình đang gọi bọn input muốn gọi bọn label thì mình cài .parentNode (lùi về thằng cha) sau đó chọn tag Name Label.
Để dễ hình dung cái label này mình sẽ xài console.log để cho bạn xem:
Dòng đầu tiên, console.log(check.parentNode.getElementsByTagName("label")[0]);, in ra phần tử đầu tiên ([0] là chỉ số của phần tử đầu tiên trong mảng) trong danh sách các thẻ label được tìm thấy bên trong phần tử cha (parentNode) của phần tử check. (Có thể phần tử cha có nhiều label)
Dòng thứ hai, console.log(check.parentNode.getElementsByTagName("label"));, in ra toàn bộ danh sách các phần tử label tìm thấy bên trong phần tử cha của phần tử check. Danh sách này được trả về dưới dạng một đối tượng giống mảng (HTMLCollection).
còn lại là push( stack) vào trong array, ( textContent là văn bản thuần túy, innerHtml là văn bản có sử dụng tag HTML, ví dụ như muốn xuống dòng thì phải xài <br> trong innerHtml, nhưng textContent nhận diện <br> là 1 string)
dòng arr.length khác 0 thì giống như không có gì xảy ra, không thay đổi gì cả. Nếu có thì đổi màu background thành xám nhạt.
dòng cuối in ra danh sách và xuống dòng( còn xuống dòng padding chữ như nào thì #ans trong CSS xử lí)
@[email protected]
cal Total này mấy đoạn code trên tương tự, vòng for y hệt java thêm vào total ( nhớ parseFloat do có 2.5 3.5).
Cái này ban đầu mình làm thiếu bạn ở trên kêu sửa lại( vô thi cũng không cần sửa do người chấm không rảnh check việc mình thêm option rồi submit xong mình xóa option rồi submit đi á =)) ).
Cụ thể như này, nếu count !=0 // Count ở đây là kiểm tra xem có phần tử nào được thêm vào total không
dòng if hiển thị total với màu cam.
dòng else mình chuyển hết 2 màu xám với cam thành white và xóa chữ trong total.
Sau khi xóa hết option bấm order:
cal Total này mấy đoạn code trên tương tự, vòng for y hệt java thêm vào total ( nhớ parseFloat do có 2.5 3.5).
Cái này ban đầu mình làm thiếu bạn ở trên kêu sửa lại( vô thi cũng không cần sửa do người chấm không rảnh check việc mình thêm option rồi submit xong mình xóa option rồi submit đi á =)) ).
Cụ thể như này, nếu count !=0 // Count ở đây là kiểm tra xem có phần tử nào được thêm vào total không
dòng if hiển thị total với màu cam.
dòng else mình chuyển hết 2 màu xám với cam thành white và xóa chữ trong total.
Sau khi xóa hết option bấm order:
Similar threads
