{"id":39239,"date":"2026-02-17T11:30:35","date_gmt":"2026-02-17T08:30:35","guid":{"rendered":"https:\/\/fatihsoysal.com\/blog\/onay-kutusu-mantik-kapisi-dijital-devrelerin-basit-ama-guclu-elemani\/"},"modified":"2026-02-17T11:30:35","modified_gmt":"2026-02-17T08:30:35","slug":"onay-kutusu-mantik-kapisi-dijital-devrelerin-basit-ama-guclu-elemani","status":"publish","type":"post","link":"https:\/\/fatihsoysal.com\/blog\/onay-kutusu-mantik-kapisi-dijital-devrelerin-basit-ama-guclu-elemani\/","title":{"rendered":"Onay Kutusu Mant\u0131k Kap\u0131s\u0131: Dijital Devrelerin Basit Ama G\u00fc\u00e7l\u00fc Eleman\u0131"},"content":{"rendered":"<h2>Onay Kutusu Mant\u0131k Kap\u0131s\u0131: Dijital Devrelerin Basit Ama G\u00fc\u00e7l\u00fc Eleman\u0131<\/h2>\n<p>Dijital d\u00fcnyam\u0131z\u0131n temelini olu\u015fturan mant\u0131k kap\u0131lar\u0131, karma\u015f\u0131k sistemlerin en k\u00fc\u00e7\u00fck yap\u0131 ta\u015flar\u0131d\u0131r. Genellikle transist\u00f6rler ve entegre devrelerle ili\u015fkilendirilen bu kap\u0131lar, asl\u0131nda g\u00fcnl\u00fck hayatta kulland\u0131\u011f\u0131m\u0131z bir\u00e7ok aray\u00fcz eleman\u0131nda da kendini g\u00f6sterir. Bu makalede, &#8220;Daily Challenge #5&#8221; kapsam\u0131nda ele al\u0131nan, basit bir HTML onay kutusunun (checkbox) nas\u0131l bir mant\u0131k kap\u0131s\u0131 gibi i\u015flev g\u00f6rebilece\u011fini, dijital mant\u0131kla olan ili\u015fkisini ve ger\u00e7ek d\u00fcnya uygulamalar\u0131n\u0131 detayl\u0131 bir \u015fekilde inceleyece\u011fiz. Bu meydan okuma, karma\u015f\u0131k g\u00f6r\u00fcnen kavramlar\u0131n asl\u0131nda ne kadar basit temellere dayand\u0131\u011f\u0131n\u0131 anlamam\u0131z\u0131 sa\u011flayacak.<\/p>\n<h3>Mant\u0131k Kap\u0131lar\u0131 ve Dijital D\u00fcnyan\u0131n Temeli<\/h3>\n<p>Dijital sistemlerin kalbinde yatan mant\u0131k kap\u0131lar\u0131, ikili (binary) veriler \u00fczerinde belirli i\u015flemler ger\u00e7ekle\u015ftiren elektronik devrelerdir. Bu kap\u0131lar, yaln\u0131zca iki durumu (a\u00e7\u0131k\/kapal\u0131, do\u011fru\/yanl\u0131\u015f, 1\/0) temsil eden Boolean cebiri prensiplerine g\u00f6re \u00e7al\u0131\u015f\u0131r. Modern bilgisayarlar\u0131n ve ak\u0131ll\u0131 cihazlar\u0131n temelini olu\u015fturan bu basit ancak g\u00fc\u00e7l\u00fc yap\u0131lar, karma\u015f\u0131k hesaplamalar\u0131n ve kararlar\u0131n al\u0131nmas\u0131n\u0131 sa\u011flar.<\/p>\n<h4>Dijital Devrelerin Temeli<\/h4>\n<p>Herhangi bir dijital cihaz\u0131n i\u00e7inde milyarlarca transist\u00f6r bulunur ve bu transist\u00f6rler bir araya gelerek NAND, NOR, AND, OR, NOT gibi temel mant\u0131k kap\u0131lar\u0131n\u0131 olu\u015fturur. Bu kap\u0131lar, elektrik sinyallerini i\u015fleyerek belirli bir \u00e7\u0131k\u0131\u015f \u00fcretir. \u00d6rne\u011fin, bir AND kap\u0131s\u0131, t\u00fcm giri\u015fleri &#8220;do\u011fru&#8221; oldu\u011funda &#8220;do\u011fru&#8221; bir \u00e7\u0131k\u0131\u015f verirken, bir OR kap\u0131s\u0131 giri\u015flerinden herhangi biri &#8220;do\u011fru&#8221; oldu\u011funda &#8220;do\u011fru&#8221; bir \u00e7\u0131k\u0131\u015f verir.<\/p>\n<h4>\u0130kili Mant\u0131k ve Boolean Cebiri<\/h4>\n<p>Mant\u0131k kap\u0131lar\u0131n\u0131n \u00e7al\u0131\u015fma prensibi, 19. y\u00fczy\u0131lda George Boole taraf\u0131ndan geli\u015ftirilen Boolean cebirine dayan\u0131r. Bu cebir, yaln\u0131zca iki de\u011fere (True\/False veya 1\/0) sahip de\u011fi\u015fkenlerle i\u015flem yapar. Dijital sistemlerde &#8220;1&#8221; genellikle y\u00fcksek voltaj\u0131, &#8220;0&#8221; ise d\u00fc\u015f\u00fck voltaj\u0131 temsil eder. Bu ikili sistem sayesinde, karma\u015f\u0131k bilgiler basit elektrik sinyalleriyle i\u015flenebilir ve depolanabilir.<\/p>\n<h4>Giri\u015f\/\u00c7\u0131k\u0131\u015f Mekanizmalar\u0131<\/h4>\n<p>Bir mant\u0131k kap\u0131s\u0131n\u0131n en temel \u00f6zelli\u011fi, bir veya daha fazla giri\u015fe sahip olmas\u0131 ve bu giri\u015flere ba\u011fl\u0131 olarak tek bir \u00e7\u0131k\u0131\u015f \u00fcretmesidir. Giri\u015fler, d\u0131\u015far\u0131dan gelen sinyalleri veya verileri temsil ederken, \u00e7\u0131k\u0131\u015f kap\u0131n\u0131n ger\u00e7ekle\u015ftirdi\u011fi mant\u0131ksal i\u015flemin sonucunu g\u00f6sterir. Bu giri\u015f-\u00e7\u0131k\u0131\u015f mekanizmas\u0131, dijital devrelerin birbirleriyle ileti\u015fim kurmas\u0131n\u0131 ve karma\u015f\u0131k i\u015flevleri yerine getirmesini sa\u011flar.<\/p>\n<h3>Onay Kutusu (Checkbox) Nedir?<\/h3>\n<p>HTML onay kutusu, web formlar\u0131nda kullan\u0131c\u0131dan ikili bir se\u00e7im yapmas\u0131n\u0131 isteyen standart bir aray\u00fcz eleman\u0131d\u0131r. Kullan\u0131c\u0131, bir se\u00e7ene\u011fi &#8220;se\u00e7ili&#8221; (checked) veya &#8220;se\u00e7ili de\u011fil&#8221; (unchecked) olarak i\u015faretleyebilir. Bu basit etkile\u015fim, asl\u0131nda bir mant\u0131k kap\u0131s\u0131n\u0131n temel prensiplerini do\u011frudan yans\u0131t\u0131r.<\/p>\n<h4>HTML Onay Kutusu Yap\u0131s\u0131<\/h4>\n<p>Bir HTML onay kutusu <code><input type=\"checkbox\"><\/code> etiketi ile olu\u015fturulur. Bu etiket, kullan\u0131c\u0131ya g\u00f6rsel olarak k\u00fc\u00e7\u00fck bir kutucuk sunar ve bu kutucu\u011fa t\u0131klayarak durumunu de\u011fi\u015ftirebilir. Genellikle bir <code><label><\/code> etiketi ile ili\u015fkilendirilerek, kullan\u0131c\u0131n\u0131n neyi se\u00e7ti\u011fini a\u00e7\u0131klayan bir metinle birlikte kullan\u0131l\u0131r.<\/p>\n<pre><code class=\"language-html\"><input type=\"checkbox\" id=\"emailNotifications\" name=\"notifications\" value=\"enabled\">\n<label for=\"emailNotifications\">E-posta Bildirimlerini A\u00e7<\/label><\/pre>\n<p><\/code><\/p>\n<h4>Durumlar\u0131: Se\u00e7ili ve Se\u00e7ili De\u011fil<\/h4>\n<p>Onay kutusunun iki temel durumu vard\u0131r:<br \/>\n*   <strong>Se\u00e7ili (Checked):<\/strong> Kullan\u0131c\u0131n\u0131n ilgili se\u00e7ene\u011fi aktif hale getirdi\u011fini g\u00f6sterir. Mant\u0131ksal olarak \"True\" veya \"1\" de\u011ferine kar\u015f\u0131l\u0131k gelir.<br \/>\n*   <strong>Se\u00e7ili De\u011fil (Unchecked):<\/strong> Kullan\u0131c\u0131n\u0131n ilgili se\u00e7ene\u011fi pasif b\u0131rakt\u0131\u011f\u0131n\u0131 g\u00f6sterir. Mant\u0131ksal olarak \"False\" veya \"0\" de\u011ferine kar\u015f\u0131l\u0131k gelir.<\/p>\n<p>Bu ikili durum, onay kutusunu do\u011frudan Boolean mant\u0131\u011f\u0131yla ili\u015fkilendirir.<\/p>\n<h4>Kullan\u0131c\u0131 Etkile\u015fimi<\/h4>\n<p>Onay kutusu, kullan\u0131c\u0131n\u0131n do\u011frudan etkile\u015fim kurabildi\u011fi bir elementtir. T\u0131klama, klavye ile bo\u015fluk tu\u015funa basma gibi eylemlerle durumu de\u011fi\u015ftirilebilir. Bu etkile\u015fim, arka planda \u00e7al\u0131\u015fan JavaScript kodlar\u0131 veya form g\u00f6nderimleri arac\u0131l\u0131\u011f\u0131yla sistemin geri kalan\u0131na bilgi iletilmesini sa\u011flar. Bu sayede, kullan\u0131c\u0131n\u0131n se\u00e7imi bir sistem i\u00e7in giri\u015f sinyali haline gelir.<\/p>\n<h3>Onay Kutusu Bir Mant\u0131k Kap\u0131s\u0131 Olarak Nas\u0131l \u0130\u015fler?<\/h3>\n<p>Bir onay kutusunun kendisi, en temel haliyle bir \"tampon\" veya \"ge\u00e7it\" (buffer) kap\u0131s\u0131 gibi d\u00fc\u015f\u00fcn\u00fclebilir; giri\u015f neyse \u00e7\u0131k\u0131\u015f da odur. Ancak, onun durumunu bir mant\u0131ksal i\u015flemle ili\u015fkilendirdi\u011fimizde, daha ileri mant\u0131k kap\u0131lar\u0131na benzetilebilir. \u00d6zellikle bir NOT kap\u0131s\u0131n\u0131n davran\u0131\u015f\u0131n\u0131 kolayca sim\u00fcle edebiliriz.<\/p>\n<h4>\u0130kili Durum ve Mant\u0131ksal De\u011ferler<\/h4>\n<p>Yukar\u0131da belirtildi\u011fi gibi, onay kutusunun \"se\u00e7ili\" veya \"se\u00e7ili de\u011fil\" durumu, do\u011frudan \"True\" (1) veya \"False\" (0) mant\u0131ksal de\u011ferlerine kar\u015f\u0131l\u0131k gelir. Bu, onu Boolean cebirinin temel bir de\u011fi\u015fkeni haline getirir. Bir onay kutusunun mevcut durumu, bir mant\u0131k devresindeki bir giri\u015f sinyali gibi d\u00fc\u015f\u00fcn\u00fclebilir.<\/p>\n<h4>NOT Kap\u0131s\u0131 Benzetimi<\/h4>\n<p>Bir onay kutusunu, bir eylemi tetiklemek veya bir durumu de\u011fi\u015ftirmek i\u00e7in kulland\u0131\u011f\u0131m\u0131zda, \u00f6zellikle \"NOT\" (DE\u011e\u0130L) kap\u0131s\u0131n\u0131n mant\u0131\u011f\u0131n\u0131 kolayca uygulayabiliriz.<br \/>\n*   E\u011fer onay kutusu <strong>se\u00e7iliyse<\/strong> (True), bir durum <strong>pasifle\u015fir<\/strong> (False).<br \/>\n*   E\u011fer onay kutusu <strong>se\u00e7ili de\u011filse<\/strong> (False), bir durum <strong>aktifle\u015fir<\/strong> (True).<\/p>\n<p>\u00d6rne\u011fin, \"Geli\u015fmi\u015f Ayarlar\u0131 Gizle\" \u015feklinde bir onay kutusu d\u00fc\u015f\u00fcn\u00fcn. Kutucuk se\u00e7iliyse (True), ayarlar gizlenir (False). Se\u00e7ili de\u011filse (False), ayarlar g\u00f6r\u00fcn\u00fcr (True). Bu, klasik bir NOT mant\u0131\u011f\u0131d\u0131r.<\/p>\n<pre><code class=\"language-javascript\">const checkbox = document.getElementById('hideSettings');\nconst settingsDiv = document.getElementById('advancedSettings');\n\ncheckbox.addEventListener('change', function() {\n    if (this.checked) {\n        settingsDiv.style.display = 'none'; \/\/ NOT (True -> False)\n    } else {\n        settingsDiv.style.display = 'block'; \/\/ NOT (False -> True)\n    }\n});<\/pre>\n<p><\/code><\/p>\n<h4>Giri\u015f ve \u00c7\u0131k\u0131\u015f\u0131n Belirlenmesi<\/h4>\n<p>Bir onay kutusu i\u00e7in:<br \/>\n*   <strong>Giri\u015f:<\/strong> Kullan\u0131c\u0131n\u0131n onay kutusu ile etkile\u015fimi (t\u0131klama, durum de\u011fi\u015ftirme).<br \/>\n*   <strong>\u00c7\u0131k\u0131\u015f:<\/strong> Onay kutusunun mevcut durumu (se\u00e7ili\/se\u00e7ili de\u011fil) veya bu duruma ba\u011fl\u0131 olarak tetiklenen bir eylem\/de\u011fer.<br \/>\nBu basit giri\u015f-\u00e7\u0131k\u0131\u015f mekanizmas\u0131, onay kutusunu dijital bir mant\u0131k eleman\u0131 olarak g\u00f6rmemizi sa\u011flar.<\/p>\n<h3>Basit Mant\u0131k Kap\u0131lar\u0131 ve Onay Kutusu \u0130li\u015fkisi<\/h3>\n<p>Birden fazla onay kutusunu bir araya getirerek, daha karma\u015f\u0131k mant\u0131k kap\u0131lar\u0131n\u0131n (AND, OR) davran\u0131\u015flar\u0131n\u0131 sim\u00fcle edebiliriz. Bu, kullan\u0131c\u0131 aray\u00fczlerinde ko\u015fullu etkile\u015fimler olu\u015fturman\u0131n temelini olu\u015fturur.<\/p>\n<h4>AND Mant\u0131\u011f\u0131 ve Onay Kutular\u0131<\/h4>\n<p>\u0130ki veya daha fazla ko\u015fulun ayn\u0131 anda do\u011fru olmas\u0131n\u0131 gerektiren durumlarda AND mant\u0131\u011f\u0131 kullan\u0131l\u0131r. \u00d6rne\u011fin, bir d\u00fc\u011fmeyi etkinle\u015ftirmek i\u00e7in \"Kullan\u0131m Ko\u015fullar\u0131n\u0131 Kabul Et\" VE \"Gizlilik Politikas\u0131n\u0131 Onayla\" onay kutular\u0131n\u0131n her ikisinin de se\u00e7ili olmas\u0131 gerekebilir.<\/p>\n<p>| Onay Kutusu 1 | Onay Kutusu 2 | Sonu\u00e7 (D\u00fc\u011fme Etkin) |<br \/>\n| :------------ | :------------ | :------------------ |<br \/>\n| Se\u00e7ili De\u011fil  | Se\u00e7ili De\u011fil  | Hay\u0131r               |<br \/>\n| Se\u00e7ili De\u011fil  | Se\u00e7ili        | Hay\u0131r               |<br \/>\n| Se\u00e7ili        | Se\u00e7ili De\u011fil  | Hay\u0131r               |<br \/>\n| Se\u00e7ili        | Se\u00e7ili        | Evet                |<\/p>\n<h4>OR Mant\u0131\u011f\u0131 ve Onay Kutular\u0131<\/h4>\n<p>Birden fazla ko\u015fuldan herhangi birinin do\u011fru olmas\u0131n\u0131n yeterli oldu\u011fu durumlarda OR mant\u0131\u011f\u0131 kullan\u0131l\u0131r. \u00d6rne\u011fin, bir kullan\u0131c\u0131ya \"E-posta Bildirimleri\" VEYA \"SMS Bildirimleri\" se\u00e7eneklerinden en az birini se\u00e7me imkan\u0131 sunulabilir.<\/p>\n<p>| Onay Kutusu 1 | Onay Kutusu 2 | Sonu\u00e7 (Bildirim Aktif) |<br \/>\n| :------------ | :------------ | :--------------------- |<br \/>\n| Se\u00e7ili De\u011fil  | Se\u00e7ili De\u011fil  | Hay\u0131r                  |<br \/>\n| Se\u00e7ili De\u011fil  | Se\u00e7ili        | Evet                   |<br \/>\n| Se\u00e7ili        | Se\u00e7ili De\u011fil  | Evet                   |<br \/>\n| Se\u00e7ili        | Se\u00e7ili        | Evet                   |<\/p>\n<h4>Kod \u00d6rne\u011fi: Basit AND\/OR Mant\u0131\u011f\u0131<\/h4>\n<p>A\u015fa\u011f\u0131daki JavaScript kodu, iki onay kutusu kullanarak basit bir AND ve OR mant\u0131\u011f\u0131n\u0131 nas\u0131l uygulayabilece\u011fimizi g\u00f6sterir.<\/p>\n<pre><code class=\"language-html\"><p>\n    <input type=\"checkbox\" id=\"check1\">\n    <label for=\"check1\">Se\u00e7enek A<\/label>\n<\/p>\n<p>\n    <input type=\"checkbox\" id=\"check2\">\n    <label for=\"check2\">Se\u00e7enek B<\/label>\n<\/p>\n<button id=\"andButton\" disabled>AND ile Etkinle\u015fir<\/button>\n<button id=\"orButton\" disabled>OR ile Etkinle\u015fir<\/button>\n\n<script>\n    const check1 = document.getElementById('check1');\n    const check2 = document.getElementById('check2');\n    const andButton = document.getElementById('andButton');\n    const orButton = document.getElementById('orButton');\n\n    function updateButtons() {\n        \/\/ AND Mant\u0131\u011f\u0131\n        if (check1.checked && check2.checked) {\n            andButton.disabled = false;\n        } else {\n            andButton.disabled = true;\n        }\n\n        \/\/ OR Mant\u0131\u011f\u0131\n        if (check1.checked || check2.checked) {\n            orButton.disabled = false;\n        } else {\n            orButton.disabled = true;\n        }\n    }\n\n    check1.addEventListener('change', updateButtons);\n    check2.addEventListener('change', updateButtons);\n\n    \/\/ Sayfa y\u00fcklendi\u011finde ba\u015flang\u0131\u00e7 durumunu ayarla\n    updateButtons();\n<\/script><\/pre>\n<p><\/code><\/p>\n<h3>Ger\u00e7ek D\u00fcnya Uygulamalar\u0131<\/h3>\n<p>Onay kutusu mant\u0131\u011f\u0131, web uygulamalar\u0131ndan masa\u00fcst\u00fc yaz\u0131l\u0131mlar\u0131na kadar bir\u00e7ok alanda yayg\u0131n olarak kullan\u0131l\u0131r. Kullan\u0131c\u0131 deneyimini \u015fekillendiren ve i\u015f ak\u0131\u015flar\u0131n\u0131 otomatikle\u015ftiren temel bir ara\u00e7t\u0131r.<\/p>\n<h4>Form Do\u011frulama ve Ko\u015fullu Alanlar<\/h4>\n<p>En yayg\u0131n kullan\u0131m alanlar\u0131ndan biri formlard\u0131r. \u00d6rne\u011fin, bir kay\u0131t formunda, kullan\u0131c\u0131 \"\u015eartlar ve Ko\u015fullar\u0131 Kabul Ediyorum\" onay kutusunu i\u015faretlemeden kay\u0131t olamaz. Veya \"Fatura Adresi Teslimat Adresi ile Ayn\u0131\" onay kutusu se\u00e7ildi\u011finde, fatura adresi alanlar\u0131 otomatik olarak doldurulabilir veya gizlenebilir.<\/p>\n<h4>Filtreleme ve Arama Mekanizmalar\u0131<\/h4>\n<p>E-ticaret sitelerinde veya veri tablolar\u0131nda, \u00fcr\u00fcnleri veya kay\u0131tlar\u0131 filtrelemek i\u00e7in onay kutular\u0131 kullan\u0131l\u0131r. \"Stokta Var\", \"\u00dccretsiz Kargo\", \"Marka A\", \"Marka B\" gibi se\u00e7enekler onay kutular\u0131yla sunularak, kullan\u0131c\u0131lar\u0131n istedikleri kriterlere g\u00f6re sonu\u00e7lar\u0131 daraltmas\u0131 sa\u011flan\u0131r. Bu, birden fazla onay kutusunun AND veya OR mant\u0131\u011f\u0131yla birle\u015ftirilerek dinamik filtreler olu\u015fturulmas\u0131na olanak tan\u0131r.<\/p>\n<h4>Kullan\u0131c\u0131 Ayarlar\u0131 ve Tercihleri<\/h4>\n<p>Bir uygulaman\u0131n veya web sitesinin ayarlar sayfas\u0131nda, kullan\u0131c\u0131n\u0131n \u00e7e\u015fitli tercihleri (\u00f6rne\u011fin, \"Karanl\u0131k Modu Etkinle\u015ftir\", \"Bildirimleri Al\", \"Otomatik Giri\u015f Yap\") onay kutular\u0131 arac\u0131l\u0131\u011f\u0131yla y\u00f6netilir. Bu tercihler, kullan\u0131c\u0131n\u0131n deneyimini ki\u015fiselle\u015ftiren mant\u0131ksal kararlar\u0131 temsil eder.<\/p>\n<h3>Geli\u015fmi\u015f Senaryolar ve Kombinasyonlar<\/h3>\n<p>Tek bir onay kutusu basit bir mant\u0131k kap\u0131s\u0131 olsa da, birden fazla onay kutusunu birle\u015ftirerek ve JavaScript gibi dillerle dinamik etkile\u015fimler ekleyerek \u00e7ok daha karma\u015f\u0131k mant\u0131k devreleri olu\u015fturabiliriz.<\/p>\n<h4>Birden Fazla Onay Kutusu ile Kompleks Mant\u0131k<\/h4>\n<p>\u00dc\u00e7 veya daha fazla onay kutusunun birle\u015fimiyle, daha karma\u015f\u0131k Boolean ifadeleri (\u00f6rne\u011fin, <code>(A AND B) OR C<\/code>) olu\u015fturulabilir. Bu, kullan\u0131c\u0131 aray\u00fczlerinde \u00e7ok a\u015famal\u0131 veya \u00e7ok kriterli kararlar al\u0131nmas\u0131n\u0131 gerektiren durumlar i\u00e7in idealdir. \u00d6rne\u011fin, bir \u00fcr\u00fcn\u00fcn indirimli olmas\u0131 i\u00e7in \"Gold \u00dcye\" olmas\u0131 VE \"Sezon Sonu \u0130ndirimi\" onay kutusunun se\u00e7ili olmas\u0131 VEYA \"Yeni M\u00fc\u015fteri\" onay kutusunun se\u00e7ili olmas\u0131 gibi.<\/p>\n<h4>JavaScript ile Dinamik Mant\u0131k Olu\u015fturma<\/h4>\n<p>JavaScript, onay kutular\u0131n\u0131n durum de\u011fi\u015fikliklerini dinleyerek (\u00f6rne\u011fin, <code>change<\/code> olay\u0131) an\u0131nda tepki vermemizi sa\u011flar. Bu sayede, kullan\u0131c\u0131 bir onay kutusunu i\u015faretledi\u011finde veya i\u015faretini kald\u0131rd\u0131\u011f\u0131nda, sayfan\u0131n di\u011fer b\u00f6l\u00fcmlerini dinamik olarak g\u00fcncelleyebilir, yeni alanlar g\u00f6sterebilir, d\u00fc\u011fmeleri etkinle\u015ftirebilir veya devre d\u0131\u015f\u0131 b\u0131rakabiliriz. Bu dinamizm, onay kutusu mant\u0131\u011f\u0131n\u0131n ger\u00e7ek g\u00fcc\u00fcn\u00fc ortaya \u00e7\u0131kar\u0131r.<\/p>\n<pre><code class=\"language-javascript\">\/\/ \u00d6rnek: \u00dc\u00e7 onay kutusu ile karma\u015f\u0131k mant\u0131k\nconst checkboxA = document.getElementById('checkboxA');\nconst checkboxB = document.getElementById('checkboxB');\nconst checkboxC = document.getElementById('checkboxC');\nconst resultDisplay = document.getElementById('resultDisplay');\n\nfunction evaluateComplexLogic() {\n    const A = checkboxA.checked;\n    const B = checkboxB.checked;\n    const C = checkboxC.checked;\n\n    \/\/ \u00d6rnek mant\u0131k: (A AND B) OR C\n    const result = (A && B) || C;\n\n    if (result) {\n        resultDisplay.textContent = 'Karma\u015f\u0131k Ko\u015ful SA\u011eLANDI!';\n        resultDisplay.style.color = 'green';\n    } else {\n        resultDisplay.textContent = 'Karma\u015f\u0131k Ko\u015ful SA\u011eLANMADI.';\n        resultDisplay.style.color = 'red';\n    }\n}\n\ncheckboxA.addEventListener('change', evaluateComplexLogic);\ncheckboxB.addEventListener('change', evaluateComplexLogic);\ncheckboxC.addEventListener('change', evaluateComplexLogic);\n\nevaluateComplexLogic(); \/\/ Sayfa y\u00fcklendi\u011finde ba\u015flang\u0131\u00e7 durumunu ayarla<\/pre>\n<p><\/code><\/p>\n<h4>Durum Y\u00f6netimi ve Geri Bildirim<\/h4>\n<p>Geli\u015fmi\u015f senaryolarda, onay kutular\u0131n\u0131n durumunu merkezi bir yerde y\u00f6netmek (\u00f6rne\u011fin, bir React veya Vue uygulamas\u0131nda state y\u00f6netimi) ve kullan\u0131c\u0131lara bu durum de\u011fi\u015fiklikleri hakk\u0131nda an\u0131nda g\u00f6rsel geri bildirim sa\u011flamak \u00f6nemlidir. Bu, kullan\u0131c\u0131lar\u0131n sistemin davran\u0131\u015f\u0131n\u0131 anlamas\u0131na ve do\u011fru kararlar vermesine yard\u0131mc\u0131 olur.<\/p>\n<h3>Onay Kutusu Mant\u0131\u011f\u0131n\u0131n Geli\u015ftirilmesinde Dikkat Edilmesi Gerekenler<\/h3>\n<p>Onay kutusu mant\u0131\u011f\u0131n\u0131 uygularken sadece teknik i\u015flevselli\u011fe odaklanmak yeterli de\u011fildir. Kullan\u0131c\u0131 deneyimi, eri\u015filebilirlik ve g\u00fcvenlik gibi fakt\u00f6rler de g\u00f6z \u00f6n\u00fcnde bulundurulmal\u0131d\u0131r.<\/p>\n<h4>Kullan\u0131labilirlik ve Kullan\u0131c\u0131 Deneyimi (UX)<\/h4>\n<p>*   <strong>Net Etiketleme:<\/strong> Her onay kutusunun ne anlama geldi\u011fini a\u00e7\u0131k\u00e7a belirten bir etiketi olmal\u0131d\u0131r.<br \/>\n*   <strong>G\u00f6rsel Geri Bildirim:<\/strong> Onay kutusunun durumu de\u011fi\u015fti\u011finde, ilgili aray\u00fcz elemanlar\u0131n\u0131n (d\u00fc\u011fmeler, metinler vb.) de g\u00f6rsel olarak g\u00fcncellendi\u011finden emin olun.<br \/>\n*   <strong>Mant\u0131ksal Ak\u0131\u015f:<\/strong> Karma\u015f\u0131k onay kutusu gruplar\u0131nda, kullan\u0131c\u0131lar\u0131n mant\u0131ksal ak\u0131\u015f\u0131 kolayca anlayabilmesi i\u00e7in d\u00fczen ve gruplama \u00f6nemlidir.<\/p>\n<h4>Eri\u015filebilirlik (Accessibility) Standartlar\u0131<\/h4>\n<p>*   <strong><code>label<\/code> Etiketleri:<\/strong> Onay kutular\u0131 her zaman ilgili <code><label><\/code> etiketiyle ili\u015fkilendirilmelidir (<code>for<\/code> ve <code>id<\/code> nitelikleri kullan\u0131larak). Bu, ekran okuyucular\u0131n kutunun amac\u0131n\u0131 kullan\u0131c\u0131ya iletmesini sa\u011flar.<br \/>\n*   <strong>Klavye Navigasyonu:<\/strong> Onay kutular\u0131n\u0131n klavye ile (Tab tu\u015fu ile gezinme, bo\u015fluk tu\u015fu ile se\u00e7me) eri\u015filebilir ve kullan\u0131labilir oldu\u011fundan emin olun.<br \/>\n*   <strong>Renk Kontrast\u0131:<\/strong> Onay kutular\u0131n\u0131n ve etiketlerinin yeterli renk kontrast\u0131na sahip olmas\u0131, g\u00f6rme engelli kullan\u0131c\u0131lar i\u00e7in \u00f6nemlidir.<\/p>\n<h4>G\u00fcvenlik ve Veri Do\u011frulama<\/h4>\n<p>*   <strong>Sunucu Taraf\u0131 Do\u011frulama:<\/strong> Onay kutusu se\u00e7imleri, sadece istemci taraf\u0131nda (taray\u0131c\u0131da) de\u011fil, ayn\u0131 zamanda sunucu taraf\u0131nda da do\u011frulanmal\u0131d\u0131r. K\u00f6t\u00fc niyetli kullan\u0131c\u0131lar istemci taraf\u0131ndaki JavaScript'i atlayarak ge\u00e7ersiz veriler g\u00f6nderebilirler.<br \/>\n*   <strong>Beklenmeyen Durumlar:<\/strong> Kullan\u0131c\u0131n\u0131n onay kutular\u0131n\u0131 beklenmedik \u015fekillerde kullanabilece\u011fi senaryolar\u0131 d\u00fc\u015f\u00fcn\u00fcn ve uygulaman\u0131z\u0131n bu durumlara kar\u015f\u0131 sa\u011flam oldu\u011fundan emin olun.<\/p>\n<h3>Sonu\u00e7<\/h3>\n<p>\"Daily Challenge #5: The Checkbox Logic Gate\" meydan okumas\u0131, basit bir aray\u00fcz eleman\u0131n\u0131n arkas\u0131ndaki derin dijital mant\u0131\u011f\u0131 anlamak i\u00e7in harika bir f\u0131rsat sunuyor. Bir onay kutusu, en temel haliyle ikili bir durumu temsil eden ve Boolean cebirinin prensiplerini do\u011frudan uygulayan bir mant\u0131k kap\u0131s\u0131d\u0131r. Tek ba\u015f\u0131na bir NOT kap\u0131s\u0131 gibi davranabilirken, birden fazla onay kutusunu bir araya getirerek AND, OR gibi daha karma\u015f\u0131k mant\u0131k kap\u0131lar\u0131n\u0131n i\u015flevlerini sim\u00fcle edebiliriz. Bu anlay\u0131\u015f, sadece web geli\u015ftiricileri i\u00e7in de\u011fil, dijital sistemlerin nas\u0131l \u00e7al\u0131\u015ft\u0131\u011f\u0131n\u0131 merak eden herkes i\u00e7in temel bir \u00f6neme sahiptir. Kullan\u0131c\u0131 aray\u00fczleri tasarlarken bu temel mant\u0131\u011f\u0131 g\u00f6z \u00f6n\u00fcnde bulundurmak, daha sa\u011flam, anla\u015f\u0131l\u0131r ve etkile\u015fimli uygulamalar geli\u015ftirmemize yard\u0131mc\u0131 olacakt\u0131r.<\/p>\n<h3>SSS (S\u0131k Sorulan Sorular)<\/h3>\n<h4>1. Onay kutusu ger\u00e7ekten bir mant\u0131k kap\u0131s\u0131 m\u0131d\u0131r?<\/h4>\n<p>Evet, en temel haliyle bir onay kutusu, ikili (a\u00e7\u0131k\/kapal\u0131, 1\/0) bir durumu temsil etti\u011fi ve bu duruma g\u00f6re bir \u00e7\u0131k\u0131\u015f \u00fcretti\u011fi i\u00e7in bir mant\u0131k kap\u0131s\u0131 gibi d\u00fc\u015f\u00fcn\u00fclebilir. \u00d6zellikle bir NOT kap\u0131s\u0131n\u0131n davran\u0131\u015f\u0131n\u0131 kolayca sim\u00fcle edebilir veya di\u011fer onay kutular\u0131yla birle\u015ftirilerek AND\/OR gibi daha karma\u015f\u0131k mant\u0131k kap\u0131lar\u0131n\u0131n giri\u015fini olu\u015fturabilir.<\/p>\n<h4>2. Birden fazla onay kutusu nas\u0131l birle\u015ftirilir?<\/h4>\n<p>Birden fazla onay kutusunu birle\u015ftirmek i\u00e7in genellikle JavaScript kullan\u0131l\u0131r. Her onay kutusunun <code>change<\/code> olay\u0131n\u0131 dinleyerek, t\u00fcm onay kutular\u0131n\u0131n mevcut durumlar\u0131n\u0131 (checked\/unchecked) kontrol edebilir ve bu durumlara g\u00f6re Boolean operat\u00f6rleri (<code>&&<\/code> - AND, <code>||<\/code> - OR, <code>!<\/code> - NOT) kullanarak karma\u015f\u0131k mant\u0131ksal kararlar alabilirsiniz.<\/p>\n<h4>3. Onay kutusu mant\u0131\u011f\u0131n\u0131 hangi programlama dilleriyle uygulayabilirim?<\/h4>\n<p>Onay kutusu mant\u0131\u011f\u0131, web taraf\u0131nda HTML ile yap\u0131s\u0131n\u0131 olu\u015fturup JavaScript ile dinamik etkile\u015fimini sa\u011flayarak uygulan\u0131r. Sunucu taraf\u0131nda ise Python (Django, Flask), PHP (Laravel), Node.js (Express), Java (Spring) gibi herhangi bir backend dili ile form g\u00f6nderimlerinden gelen onay kutusu verilerini i\u015fleyerek mant\u0131k kurabilirsiniz.<\/p>\n<h4>4. Onay kutusu mant\u0131\u011f\u0131nda kar\u015f\u0131la\u015f\u0131lan yayg\u0131n hatalar nelerdir?<\/h4>\n<p>Yayg\u0131n hatalar aras\u0131nda:<br \/>\n*   <strong>Eri\u015filebilirlik eksiklikleri:<\/strong> <code><label><\/code> etiketlerinin do\u011fru kullan\u0131lmamas\u0131 veya klavye navigasyonunun olmamas\u0131.<br \/>\n*   <strong>Yaln\u0131zca istemci taraf\u0131 do\u011frulama:<\/strong> Sunucu taraf\u0131nda do\u011frulama yap\u0131lmad\u0131\u011f\u0131nda g\u00fcvenlik a\u00e7\u0131klar\u0131 olu\u015fmas\u0131.<br \/>\n*   <strong>Karma\u015f\u0131k mant\u0131\u011f\u0131n anla\u015f\u0131lmaz olmas\u0131:<\/strong> Kullan\u0131c\u0131lar\u0131n onay kutular\u0131n\u0131n birle\u015fiminden ne sonu\u00e7 \u00e7\u0131kaca\u011f\u0131n\u0131 tahmin edememesi.<br \/>\n*   <strong>G\u00f6rsel geri bildirimin eksikli\u011fi:<\/strong> Onay kutusu durum de\u011fi\u015fikliklerinin aray\u00fczde net bir \u015fekilde yans\u0131t\u0131lmamas\u0131.<\/p>\n","protected":false},"excerpt":{"rendered":"Se\u00e7enek A","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"csco_page_header_type":"","csco_page_load_nextpost":"","csco_page_subscribe_form":"","csco_page_contact_form":"","footnotes":""},"categories":[1],"tags":[],"class_list":{"0":"post-39239","1":"post","2":"type-post","3":"status-publish","4":"format-standard","6":"category-genel","7":"cs-entry","8":"cs-video-wrap"},"yoast_head":"<!-- This site is optimized with the Yoast SEO Premium plugin v20.5 (Yoast SEO v25.3.1) - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>Onay Kutusu Mant\u0131k Kap\u0131s\u0131: Dijital Devrelerin Basit Ama G\u00fc\u00e7l\u00fc Eleman\u0131 - Kodlar\u0131n Gizemli D\u00fcnyas\u0131<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/fatihsoysal.com\/blog\/onay-kutusu-mantik-kapisi-dijital-devrelerin-basit-ama-guclu-elemani\/\" \/>\n<meta property=\"og:locale\" content=\"tr_TR\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Onay Kutusu Mant\u0131k Kap\u0131s\u0131: Dijital Devrelerin Basit Ama G\u00fc\u00e7l\u00fc Eleman\u0131\" \/>\n<meta property=\"og:description\" content=\"Se\u00e7enek A\" \/>\n<meta property=\"og:url\" content=\"https:\/\/fatihsoysal.com\/blog\/onay-kutusu-mantik-kapisi-dijital-devrelerin-basit-ama-guclu-elemani\/\" \/>\n<meta property=\"og:site_name\" content=\"Kodlar\u0131n Gizemli D\u00fcnyas\u0131\" \/>\n<meta property=\"article:published_time\" content=\"2026-02-17T08:30:35+00:00\" \/>\n<meta name=\"author\" content=\"Fatih Soysal\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Yazan:\" \/>\n\t<meta name=\"twitter:data1\" content=\"Fatih Soysal\" \/>\n\t<meta name=\"twitter:label2\" content=\"Tahmini okuma s\u00fcresi\" \/>\n\t<meta name=\"twitter:data2\" content=\"13 dakika\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\/\/fatihsoysal.com\/blog\/onay-kutusu-mantik-kapisi-dijital-devrelerin-basit-ama-guclu-elemani\/#article\",\"isPartOf\":{\"@id\":\"https:\/\/fatihsoysal.com\/blog\/onay-kutusu-mantik-kapisi-dijital-devrelerin-basit-ama-guclu-elemani\/\"},\"author\":{\"name\":\"Fatih Soysal\",\"@id\":\"https:\/\/fatihsoysal.com\/blog\/#\/schema\/person\/002a254750921dcfd568a99e48240dd1\"},\"headline\":\"Onay Kutusu Mant\u0131k Kap\u0131s\u0131: Dijital Devrelerin Basit Ama G\u00fc\u00e7l\u00fc Eleman\u0131\",\"datePublished\":\"2026-02-17T08:30:35+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/fatihsoysal.com\/blog\/onay-kutusu-mantik-kapisi-dijital-devrelerin-basit-ama-guclu-elemani\/\"},\"wordCount\":2519,\"commentCount\":0,\"publisher\":{\"@id\":\"https:\/\/fatihsoysal.com\/blog\/#\/schema\/person\/002a254750921dcfd568a99e48240dd1\"},\"inLanguage\":\"tr\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\/\/fatihsoysal.com\/blog\/onay-kutusu-mantik-kapisi-dijital-devrelerin-basit-ama-guclu-elemani\/#respond\"]}],\"copyrightYear\":\"2026\",\"copyrightHolder\":{\"@id\":\"https:\/\/fatihsoysal.com\/blog\/#organization\"}},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/fatihsoysal.com\/blog\/onay-kutusu-mantik-kapisi-dijital-devrelerin-basit-ama-guclu-elemani\/\",\"url\":\"https:\/\/fatihsoysal.com\/blog\/onay-kutusu-mantik-kapisi-dijital-devrelerin-basit-ama-guclu-elemani\/\",\"name\":\"Onay Kutusu Mant\u0131k Kap\u0131s\u0131: Dijital Devrelerin Basit Ama G\u00fc\u00e7l\u00fc Eleman\u0131 - Kodlar\u0131n Gizemli D\u00fcnyas\u0131\",\"isPartOf\":{\"@id\":\"https:\/\/fatihsoysal.com\/blog\/#website\"},\"datePublished\":\"2026-02-17T08:30:35+00:00\",\"breadcrumb\":{\"@id\":\"https:\/\/fatihsoysal.com\/blog\/onay-kutusu-mantik-kapisi-dijital-devrelerin-basit-ama-guclu-elemani\/#breadcrumb\"},\"inLanguage\":\"tr\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/fatihsoysal.com\/blog\/onay-kutusu-mantik-kapisi-dijital-devrelerin-basit-ama-guclu-elemani\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/fatihsoysal.com\/blog\/onay-kutusu-mantik-kapisi-dijital-devrelerin-basit-ama-guclu-elemani\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Anasayfa\",\"item\":\"https:\/\/fatihsoysal.com\/blog\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Onay Kutusu Mant\u0131k Kap\u0131s\u0131: Dijital Devrelerin Basit Ama G\u00fc\u00e7l\u00fc Eleman\u0131\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/fatihsoysal.com\/blog\/#website\",\"url\":\"https:\/\/fatihsoysal.com\/blog\/\",\"name\":\"Fatihsoysal.com\",\"description\":\"Blog - Yaz\u0131l\u0131m D\u00fcnyas\u0131 Tecr\u00fcbelerim\",\"publisher\":{\"@id\":\"https:\/\/fatihsoysal.com\/blog\/#\/schema\/person\/002a254750921dcfd568a99e48240dd1\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/fatihsoysal.com\/blog\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"tr\"},{\"@type\":[\"Person\",\"Organization\"],\"@id\":\"https:\/\/fatihsoysal.com\/blog\/#\/schema\/person\/002a254750921dcfd568a99e48240dd1\",\"name\":\"Fatih Soysal\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"tr\",\"@id\":\"https:\/\/fatihsoysal.com\/blog\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/fatihsoysal.com\/blog\/wp-content\/uploads\/2024\/04\/cropped-replicate-prediction-3kgg1hgjn5rgp0cf0p5tr0jw7w-1.png\",\"contentUrl\":\"https:\/\/fatihsoysal.com\/blog\/wp-content\/uploads\/2024\/04\/cropped-replicate-prediction-3kgg1hgjn5rgp0cf0p5tr0jw7w-1.png\",\"width\":512,\"height\":512,\"caption\":\"Fatih Soysal\"},\"logo\":{\"@id\":\"https:\/\/fatihsoysal.com\/blog\/#\/schema\/person\/image\/\"},\"description\":\"Kullan\u0131m ve kodlama m\u00fckemmeliyetini odak alan uygulamalar olu\u015fturma deneyimine sahip, profesyonel olarak 15+ y\u0131l \u00fczeri deneyime sahip bir yaz\u0131l\u0131m m\u00fchendisi.\",\"url\":\"https:\/\/fatihsoysal.com\/blog\/author\/fatihsoysal\/\"}]}<\/script>\n<!-- \/ Yoast SEO Premium plugin. -->","yoast_head_json":{"title":"Onay Kutusu Mant\u0131k Kap\u0131s\u0131: Dijital Devrelerin Basit Ama G\u00fc\u00e7l\u00fc Eleman\u0131 - Kodlar\u0131n Gizemli D\u00fcnyas\u0131","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/fatihsoysal.com\/blog\/onay-kutusu-mantik-kapisi-dijital-devrelerin-basit-ama-guclu-elemani\/","og_locale":"tr_TR","og_type":"article","og_title":"Onay Kutusu Mant\u0131k Kap\u0131s\u0131: Dijital Devrelerin Basit Ama G\u00fc\u00e7l\u00fc Eleman\u0131","og_description":"Se\u00e7enek A","og_url":"https:\/\/fatihsoysal.com\/blog\/onay-kutusu-mantik-kapisi-dijital-devrelerin-basit-ama-guclu-elemani\/","og_site_name":"Kodlar\u0131n Gizemli D\u00fcnyas\u0131","article_published_time":"2026-02-17T08:30:35+00:00","author":"Fatih Soysal","twitter_card":"summary_large_image","twitter_misc":{"Yazan:":"Fatih Soysal","Tahmini okuma s\u00fcresi":"13 dakika"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/fatihsoysal.com\/blog\/onay-kutusu-mantik-kapisi-dijital-devrelerin-basit-ama-guclu-elemani\/#article","isPartOf":{"@id":"https:\/\/fatihsoysal.com\/blog\/onay-kutusu-mantik-kapisi-dijital-devrelerin-basit-ama-guclu-elemani\/"},"author":{"name":"Fatih Soysal","@id":"https:\/\/fatihsoysal.com\/blog\/#\/schema\/person\/002a254750921dcfd568a99e48240dd1"},"headline":"Onay Kutusu Mant\u0131k Kap\u0131s\u0131: Dijital Devrelerin Basit Ama G\u00fc\u00e7l\u00fc Eleman\u0131","datePublished":"2026-02-17T08:30:35+00:00","mainEntityOfPage":{"@id":"https:\/\/fatihsoysal.com\/blog\/onay-kutusu-mantik-kapisi-dijital-devrelerin-basit-ama-guclu-elemani\/"},"wordCount":2519,"commentCount":0,"publisher":{"@id":"https:\/\/fatihsoysal.com\/blog\/#\/schema\/person\/002a254750921dcfd568a99e48240dd1"},"inLanguage":"tr","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/fatihsoysal.com\/blog\/onay-kutusu-mantik-kapisi-dijital-devrelerin-basit-ama-guclu-elemani\/#respond"]}],"copyrightYear":"2026","copyrightHolder":{"@id":"https:\/\/fatihsoysal.com\/blog\/#organization"}},{"@type":"WebPage","@id":"https:\/\/fatihsoysal.com\/blog\/onay-kutusu-mantik-kapisi-dijital-devrelerin-basit-ama-guclu-elemani\/","url":"https:\/\/fatihsoysal.com\/blog\/onay-kutusu-mantik-kapisi-dijital-devrelerin-basit-ama-guclu-elemani\/","name":"Onay Kutusu Mant\u0131k Kap\u0131s\u0131: Dijital Devrelerin Basit Ama G\u00fc\u00e7l\u00fc Eleman\u0131 - Kodlar\u0131n Gizemli D\u00fcnyas\u0131","isPartOf":{"@id":"https:\/\/fatihsoysal.com\/blog\/#website"},"datePublished":"2026-02-17T08:30:35+00:00","breadcrumb":{"@id":"https:\/\/fatihsoysal.com\/blog\/onay-kutusu-mantik-kapisi-dijital-devrelerin-basit-ama-guclu-elemani\/#breadcrumb"},"inLanguage":"tr","potentialAction":[{"@type":"ReadAction","target":["https:\/\/fatihsoysal.com\/blog\/onay-kutusu-mantik-kapisi-dijital-devrelerin-basit-ama-guclu-elemani\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/fatihsoysal.com\/blog\/onay-kutusu-mantik-kapisi-dijital-devrelerin-basit-ama-guclu-elemani\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Anasayfa","item":"https:\/\/fatihsoysal.com\/blog\/"},{"@type":"ListItem","position":2,"name":"Onay Kutusu Mant\u0131k Kap\u0131s\u0131: Dijital Devrelerin Basit Ama G\u00fc\u00e7l\u00fc Eleman\u0131"}]},{"@type":"WebSite","@id":"https:\/\/fatihsoysal.com\/blog\/#website","url":"https:\/\/fatihsoysal.com\/blog\/","name":"Fatihsoysal.com","description":"Blog - Yaz\u0131l\u0131m D\u00fcnyas\u0131 Tecr\u00fcbelerim","publisher":{"@id":"https:\/\/fatihsoysal.com\/blog\/#\/schema\/person\/002a254750921dcfd568a99e48240dd1"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/fatihsoysal.com\/blog\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"tr"},{"@type":["Person","Organization"],"@id":"https:\/\/fatihsoysal.com\/blog\/#\/schema\/person\/002a254750921dcfd568a99e48240dd1","name":"Fatih Soysal","image":{"@type":"ImageObject","inLanguage":"tr","@id":"https:\/\/fatihsoysal.com\/blog\/#\/schema\/person\/image\/","url":"https:\/\/fatihsoysal.com\/blog\/wp-content\/uploads\/2024\/04\/cropped-replicate-prediction-3kgg1hgjn5rgp0cf0p5tr0jw7w-1.png","contentUrl":"https:\/\/fatihsoysal.com\/blog\/wp-content\/uploads\/2024\/04\/cropped-replicate-prediction-3kgg1hgjn5rgp0cf0p5tr0jw7w-1.png","width":512,"height":512,"caption":"Fatih Soysal"},"logo":{"@id":"https:\/\/fatihsoysal.com\/blog\/#\/schema\/person\/image\/"},"description":"Kullan\u0131m ve kodlama m\u00fckemmeliyetini odak alan uygulamalar olu\u015fturma deneyimine sahip, profesyonel olarak 15+ y\u0131l \u00fczeri deneyime sahip bir yaz\u0131l\u0131m m\u00fchendisi.","url":"https:\/\/fatihsoysal.com\/blog\/author\/fatihsoysal\/"}]}},"yoast_meta":{"yoast_wpseo_title":"","yoast_wpseo_metadesc":"","yoast_wpseo_canonical":""},"amp_enabled":true,"_links":{"self":[{"href":"https:\/\/fatihsoysal.com\/blog\/wp-json\/wp\/v2\/posts\/39239","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/fatihsoysal.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/fatihsoysal.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/fatihsoysal.com\/blog\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/fatihsoysal.com\/blog\/wp-json\/wp\/v2\/comments?post=39239"}],"version-history":[{"count":0,"href":"https:\/\/fatihsoysal.com\/blog\/wp-json\/wp\/v2\/posts\/39239\/revisions"}],"wp:attachment":[{"href":"https:\/\/fatihsoysal.com\/blog\/wp-json\/wp\/v2\/media?parent=39239"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/fatihsoysal.com\/blog\/wp-json\/wp\/v2\/categories?post=39239"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/fatihsoysal.com\/blog\/wp-json\/wp\/v2\/tags?post=39239"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}