Xử lý javascript với CSS

thì chỉ cần thay đổi thuộc tính src của thẻ img đó thôi ạ.

Bạn ơi thay đổi như nào vậy? Mình thay đổi thuộc tính CSS trong hàm của javascript như thế nào thế? MÌnh chứ chèn thẻ style rồi cho các thuộc tính mới vào ak?

Có 2 giải phải để làm bài giảng có chứa các câu hỏi trắc nghiệm.

Nếu không phải là 1 ngân hàng câu hỏi thì chỉ cần dùng dữ liệu dạng JSON (hoặc XML, …) để lưu trữ dữ liệu cho các câu hỏi.

Ngược lại nếu muốn xây dựng thành một ngân hàng câu hỏi thì bạn nên xem xét việc sử dụng một CSDL nào đó. VD: Firebase, MongoDB, SQLite, …

Việc xử lý logic đúng sai thì khá dễ thôi nếu đã biết JavaScript rồi (Nếu biết jQuery thì viết sẽ ngắn gọn và dễ hiểu hơn nhiều). Xử lý trường hợp câu trả lời là đúng thì sẽ thực hiện việc load câu hỏi tiếp theo và gán giá trị: câu hỏi, các đáp án, … mới.

Cụ thể thế nào thì bạn có thể tham khảo chức năng của ví dụ sau: jQuery Quiz Plugin

Giả sử bạn có cái code html như vầy: (data-result là biến cho biết hình đó đúng hay sai)

<div>
<div>
   <img class="cauhoi" data-result="true" src="http://i.imgur.com/WQdBPIo.jpg" />
</div>
<div>
   <img class="cauhoi" data-result="false" src="http://i.imgur.com/mf111Rh.jpg" />
</div>
<div>
   <img class="cauhoi" data-result="false" src="http://i.imgur.com/0vVu9OQ.jpg" />
</div>
<div>
   <img class="cauhoi" data-result="true" src="http://i.imgur.com/3Sx0CST.jpg" />
</div>
</div>

Khi click vào 1 hình thì ktra nó hình đó đúng hay sai thì làm cái event như sau:

$( document ).ready(function() {
    $(".cauhoi").click(function() {
        if( $(this).data("result")){ 
              // Nếu hình được chọn là đúng thì thay hình
              $(this).attr('src',"URL hình mới")
        }else{
               // Nếu chọn sai thì thông báo
               alert("No luck this time");
        }
    });
});

Làm như vậy cho đơn giản

MÌnh cảm ơn bạn nhé^^

Mình cảm ơn bạn nhiều nhé.

dùng javascript không thôi thì làm thế này:
ví dụ thẻ img là

<img id="hinhanh" src="http://domain.com/images/img.jpg">

thì code javascript như sau:

document.getElementById("hinhanh").src="http://domain.com/images/hinhmoi.jpg";