Tạo trắc nghiệm html cho blogspot - Dạng 2

Tạo trắc nghiệm blogspot

GIỚI THIỆU

Xin chào. Hôm nay mình sẽ hướng dẫn cho mọi người tạo trắc nghiệm trên blogspot bằng công cụ tạo trắc nghiệm có sẵn trên blog của mình. (Trắc nghiệm dạng 2)

Mặc định công cụ này sẽ có 4 đáp án A, B, C, D. Phù hợp với đa số bài trắc nghiệm hiện nay, thích hợp cho quý thầy cô tạo blog trắc nghiệm để các em học sinh rèn luyện khả năng làm trắc nghiệm của mình. Cũng như bạn nào có dự định xây dựng blog trắc nghiệm với nhiều chủ đề đa dạng như: bài thi, bài tập, kiểm tra IQ...gây hứng thú cho người xem blog.

HƯỚNG DẪN

Bước 1: Tạo câu đầu tiên (Câu 1)

Câu đầu và câu cuối rất quan trọng

- Chọn số phút nếu có,(click chọn ô thời gian và điền số phút)

- Click chọn ô jscss để code hoạt động


- Ở phần nhập số câu bạn nhập số từ 1 - 100, không có khoảng cách nhé, nếu có code sẽ bị lỗi


- Tiếp theo nhập nội dung câu hỏi và 4 đáp án A,B, C, D


- Chọn đáp án Đúng. Ở đây mình ví dụ đáp án C đúng



- Lúc này công cụ sẽ tạo ra 1 đoạn code như hình



     + Copy đoạn code trên vào Notepad++ ( bạn lưu ở đâu cũng được)

Bước 2: Tạo các câu tiếp theo

- Chúng ta làm giống như câu 1, nhưng bỏ chọn ô js & css. Vì nó có ở câu 1 rồi nên không cần nữa

- Ta cũng được đoạn code câu 2 như hình: 


- Dán đoạn code câu 2 dưới câu 1
- Các câu tiếp theo mọi người cũng làm giống như vậy

Bước 3: Tạo câu cuối cùng

- Ở đây mình lấy ví dụ câu 3 là câu cuối
- Ta cũng làm giống câu 2, nhưng ở đây ta chọn thêm ô cuối cùng để ra phần kết của code (phần nộp bài..) 



- Dán đoạn code câu 3 dưới câu 2. Gộp tất cả 3 câu thì ta đã có 1 đoạn code trắc nghiệm hoàn chỉnh

CÔNG CỤ



Chỉ tạo được 100 câu, xong câu nào copy câu đó, câu 1 tích ô "css", "js" .. câu cuối tích ô "câu cuối cùng" để code hoạt động.
Phần câu phải viết số, vd:1,2,3..100 . Không có dấu khoảng cách






Thời gian       Số phút:
Câu      js           css         Câu cuối cùng 
  Câu hỏi:
A
B
C
D


 Lưu ý: Hướng dẫn tạo host đăng js với css tại đây  https://www.janshare.com/2022/03/tao-host-mien-phi.html




Khung xem trước kết quả