JavaScript ile checkbox listesinin verisini çekme

            <div class="cont"> <span class="kitapbotspan">En Sevdiğiniz Kitap Temalarını Seçiniz</span></div>
      <!---------List of checkboxes and options----------->
         <form name="temalar">
            <div class="temalar">
         
            <label for="aile" class="temabox1">
               <input type="checkbox" name="tema" value="aile">
               Aile
                 
            </label>

            <label for="aksiyon" class="temabox2">
               <input type="checkbox" name="tema" value="aksiyon">
               Aksiyon
                 
            </label>

            <label for="ask" class="temabox1">
               <input type="checkbox" name="tema" value="ask">
               Aşk
                 
            </label>

            <label for="scifi" class="temabox2">
               <input type="checkbox" name="tema" value="scifi">
               Bilim Kurgu
                 
            </label>

            <label for="din" class="temabox1">
               <input type="checkbox" name="tema" value="din">
               Din
           
            </label>

            <label for="doga" class="temabox2">
               <input type="checkbox" name="tema" value="doga">
               Doğa
           
            </label>

            <label for="dram" class="temabox1">
               <input type="checkbox" name="tema" value="dram">
               Dram
           
            </label>

            <label for="fantastik" class="temabox2">
               <input type="checkbox" name="tema" value="fantastik">
               Fantastik
           
            </label>
           
            <label for="gizem" class="temabox1">
               <input type="checkbox" name="tema" value="gizem">
               Gizem
           
            </label>
           
            <label for="korku" class="temabox2">
               <input type="checkbox" name="tema" value="korku">
               Korku
           
            </label>

            <label for="macera" class="temabox1">
               <input type="checkbox" name="tema" value="macera">
               Macera
           
            </label>
           
            <label for="mitoloji" class="temabox2">
               <input type="checkbox" name="tema" value="mitoloji">
               Mitoloji
           
            </label>
           
            <label for="fantastik" class="temabox1">
               <input type="checkbox" name="tema" value="fantastik">
               Fantastik
           
            </label>
                       
            <label for="polisiye" class="temabox2">
               <input type="checkbox" name="tema" value="polisiye">
               Polisiye
           
            </label>
                       
            <label for="savas" class="temabox1">
               <input type="checkbox" name="tema" value="savas">
               Savaş
           
            </label>
                       
            <label for="spor" class="temabox2">
               <input type="checkbox" name="tema" value="spor">
               Spor
           
            </label>
                       
            <label for="tarih" class="temabox1">
               <input type="checkbox" name="tema" value="tarih">
               Tarih
           
            </label>
                       
            <label for="dogaustu_gucler" class="temabox2">
               <input type="checkbox" name="tema" value="dogaustu_gucler">
               Doğaüstü Güçler
           
            </label>
                       
            <label for="egitim" class="temabox1">
               <input type="checkbox" name="tema" value="egitim">
               Eğitim
           
            </label>
                       
            <label for="felsefe" class="temabox2">
               <input type="checkbox" name="tema" value="felsefe">
               Felsefe
           
            </label>
                       
            <label for="gelecek" class="temabox1">
               <input type="checkbox" name="tema" value="gelecek">
               Gelecek
           
            </label>
                                   
            <label for="ajan" class="temabox2">
               <input type="checkbox" name="tema" value="ajan">
               Gizli Ajan
           
            </label>
                                   
            <label for="zaman_yolculugu" class="temabox1">
               <input type="checkbox" name="tema" value="zaman_yolculugu">
               Zaman Yolculuğu
           
            </label>
                                   
            <label for="hapishane" class="temabox2">
               <input type="checkbox" name="tema" value="hapishane">
               Hapishane
           
            </label>
                                   
            <label for="kiyamet" class="temabox1">
               <input type="checkbox" name="tema" value="kiyamet">
               Kıyamet
           
            </label>
                                   
            <label for="kole" class="temabox2">
               <input type="checkbox" name="tema" value="kole">
               Kölelik
           
            </label>
                                   
            <label for="sefsane" class="temabox1">
               <input type="checkbox" name="tema" value="sefsane">
               Şehir Efsanesi
           
            </label>
                                   
            <label for="super" class="temabox2">
               <input type="checkbox" name="tema" value="super">
               Süper Kahraman
           
            </label>
                                   
            <label for="vampirkurt" class="temabox1">
               <input type="checkbox" name="tema" value="vampirkurt">
               Vampir ve Kurt Adam
           
            </label>
                                   
            <label for="uyarlama" class="temabox2">
               <input type="checkbox" name="tema" value="uyarlama">
               Uyarlama
           
            </label>

           
         </div><div class="cont"><input type="submit" value="Benim İçin Kitap Bul!" /></div></form>

var kitaplar = [
  { ad: "Kitap 1", yazar: "Yazar 1", tema: ["tema1", "tema2"] },
  { ad: "Kitap 2", yazar: "Yazar 2", tema: ["tema2", "tema3"] },
  { ad: "Kitap 3", yazar: "Yazar 3", tema: ["tema1", "tema3"] },
  // Diğer kitaplar...
];