JSFiddle - React, Tailwind, and code Playground

by mojtaba

HTML

<div class="pytanie">
      <p class="tresc">1. Ile księżyców ma ziemia?</p>
      <p class="odpowiedz">A) 1</p>
      <p class="odpowiedz">A) 2</p>
      <span class="btn-sprawdz" id="btn-sprawdz-1">Sprawdź</span> 
     </div>
     <div class="pytanie">
      <p class="tresc">1. Ile księżyców ma ziemia?</p>
      <p class="odpowiedz">A) 1</p>
      <p class="odpowiedz">A) 2</p>
      <span class="btn-sprawdz" id="btn-sprawdz-1">Sprawdź</span> 
     </div>

JavaScript

$(function () {
        var score = 0;
        // Mechanizm zaznaczania odpowiedzi
        $('.odpowiedz').click(function() {
        // Najpierw odznacz zaznaczone odpowiedzi
        $(this).closest('.pytanie').find('.odpowiedz').css('background-color', 'white');
       // Zaznacz tę odpowiedź
        $(this).css('background-color','blue');
       });
      //Mechanizm sprawdzania
       $('#btn-sprawdz-1').click(function() {

       });
});