{"id":2,"date":"2023-01-14T00:19:38","date_gmt":"2023-01-14T00:19:38","guid":{"rendered":"http:\/\/bakirci.net\/?page_id=2"},"modified":"2023-04-17T04:26:10","modified_gmt":"2023-04-17T04:26:10","slug":"hayat","status":"publish","type":"page","link":"http:\/\/bakirci.net\/index.php\/hayat\/","title":{"rendered":"ChatGPT tavsiyeler"},"content":{"rendered":"\n<p>Hayat, bir insan\u0131n var oldu\u011fu s\u00fcre boyunca ya\u015fad\u0131\u011f\u0131 deneyimlerin toplam\u0131d\u0131r. \u0130yi bir hayat ise, ki\u015finin kendini mutlu, tatmin olmu\u015f ve ama\u00e7l\u0131 hissetti\u011fi bir hayatt\u0131r. \u0130yi bir hayat\u0131n unsurlar\u0131 \u015funlar\u0131 i\u00e7erebilir:<\/p>\n\n\n\n<ol class=\"wp-block-list\">\n<li>Sa\u011fl\u0131k: Sa\u011fl\u0131kl\u0131 bir ya\u015fam s\u00fcrmek, fiziksel ve zihinsel sa\u011fl\u0131\u011f\u0131 korumak ve \u00f6nemsemek iyi bir hayat\u0131n olmazsa olmaz\u0131d\u0131r.<\/li>\n\n\n\n<li>Aile ve arkada\u015flar: Sevgi dolu bir aile, yak\u0131n arkada\u015flar ve g\u00fcvenilir sosyal ba\u011flant\u0131lar hayat\u0131n \u00f6nemli bir par\u00e7as\u0131d\u0131r ve ki\u015finin kendisini desteklenmi\u015f hissetmesine yard\u0131mc\u0131 olur.<\/li>\n\n\n\n<li>Ki\u015fisel geli\u015fim: Kendini s\u00fcrekli olarak geli\u015ftirme, \u00f6\u011frenme ve yeni deneyimler edinme s\u00fcreci, ki\u015finin kendini daha tatmin olmu\u015f ve mutlu hissetmesine yard\u0131mc\u0131 olabilir.<\/li>\n\n\n\n<li>Ama\u00e7: Bir amaca sahip olmak, hayatta neden var oldu\u011fumuzu, ne yapmak istedi\u011fimizi ve neye de\u011fer verdi\u011fimizi anlamam\u0131za yard\u0131mc\u0131 olur.<\/li>\n\n\n\n<li>Finansal g\u00fcvenlik: Finansal kayg\u0131lar\u0131n olmamas\u0131, ki\u015finin hayat\u0131n\u0131 daha az stresli hale getirebilir.<\/li>\n\n\n\n<li>Hobiler ve ilgi alanlar\u0131: Hobiler, ki\u015finin hayat\u0131na renk katar ve onlar\u0131n kendilerini daha mutlu hissetmelerine yard\u0131mc\u0131 olabilir.<\/li>\n\n\n\n<li>Topluma katk\u0131: Topluma katk\u0131da bulunmak, kendimizi ve di\u011ferlerini daha iyi hissetmemizi sa\u011flar.<\/li>\n<\/ol>\n\n\n\n<p>Tabii ki, iyi bir hayat\u0131n unsurlar\u0131 ki\u015fisel tercihlerimize ve de\u011ferlerimize g\u00f6re de\u011fi\u015febilir. Ancak yukar\u0131da belirtilen unsurlar, genel olarak iyi bir hayat\u0131n \u00f6nemli bile\u015fenleridir.<\/p>\n\n\n\n<!DOCTYPE html>\n<html lang=\"tr\">\n<head>\n    <meta charset=\"UTF-8\">\n    <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\n    <title>Kelime G\u00f6sterici<\/title>\n    <link rel=\"stylesheet\" <link rel=\"stylesheet\" href=\"https:\/\/stackpath.bootstrapcdn.com\/bootstrap\/4.5.2\/css\/bootstrap.min.css\">\n   \n    <script src=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/popper.js\/1.16.0\/umd\/popper.min.js\"><\/script>\n    <script src=\"https:\/\/maxcdn.bootstrapcdn.com\/bootstrap\/4.5.2\/js\/bootstrap.min.js\"><\/script>\n    <style>\n        \/* Blok 1: Stil Tan\u0131mlamalar\u0131 *\/\n        html, body {\n            height: 100%;\n            margin: 0;\n            display: flex;\n            align-items: center;\n            justify-content: center;\n        }\n        #kelime {\n            font-size: 3rem;\n            text-align: center;\n        }\n        .tam-ekran {\n            position: fixed;\n            top: 0;\n            left: 0;\n            width: 100%;\n            height: 100%;\n            z-index: 999;\n            background-color: white;\n        }\n        .tam-ekran #kelime {\n            font-size: 10vh;\n        }\n    <\/style>\n<\/head>\n<body>\n    <div class=\"container text-center\">\n        <!-- Blok 2: Kelime ve Ayarlar -->\n        <div id=\"kelime\"><\/div>\n        <div class=\"mt-3\">\n            <label for=\"s\u00fcre-ayar\">H\u0131z: <span id=\"s\u00fcre-deger\"><\/span> kelimeler\/dakika<\/label>\n            <input type=\"range\" class=\"custom-range\" id=\"s\u00fcre-ayar\" min=\"60\" max=\"1000\" step=\"10\" value=\"300\">\n        <\/div>\n        <!-- Blok 3: Metin Alan\u0131 ve Okuma Kontrolleri -->\n        <textarea class=\"form-control mt-3\" id=\"metin-alani\" rows=\"5\" placeholder=\"Metninizi buraya yap\u0131\u015ft\u0131r\u0131n...\"><\/textarea>\n        <p id=\"kelime-sayilari\">Toplam Kelime: 0 | Okunan Kelime: 0 | Kalan Kelime: 0<\/p>\n        <div class=\"progress\" style=\"height: 30px;\">\n            <div class=\"progress-bar\" id=\"ilerleme-cubugu\" role=\"progressbar\" style=\"width: 0%;\" aria-valuenow=\"0\" aria-valuemin=\"0\" aria-valuemax=\"100\">0%<\/div>\n        <\/div>\n        <button class=\"btn btn-primary mt-3\" id=\"hizli-oku\">H\u0131zl\u0131 Oku<\/button>\n        <button class=\"btn btn-secondary mt-3\" id=\"tam-ekran\">Tam Ekran<\/button>\n    <\/div>\n    <script>\n        \/\/ Blok 4: De\u011fi\u015fkenler ve DOM Elemanlar\u0131\n        const kelimeEleman\u0131 = document.querySelector('#kelime');\n        const s\u00fcreAyar\u0131 = document.querySelector('#s\u00fcre-ayar');\n        const s\u00fcreDe\u011fer = document.querySelector('#s\u00fcre-deger');\n        const metinAlani = document.querySelector('#metin-alani');\n        const hizliOkuButon = document.querySelector('#hizli-oku');\n        const tamEkranButon = document.querySelector('#tam-ekran');\n        let s\u00fcre = s\u00fcreAyar\u0131.value;\n        let mevcutKelime = 0;\n        let okumaDevamEdiyor = false;\n        let okumaInterval;\n\n        \/\/ Blok 5: S\u00fcre Ayar\u0131 ve Kelime H\u0131z\u0131 G\u00f6sterimi\n        function msToKelimelerDakika(ms) {\n    return Math.round(60000 \/ ms);\n}\n\nfunction kelimelerDakikaToMs(kelimelerDakika) {\n    return Math.round(60000 \/ kelimelerDakika);\n}\n\ns\u00fcre = s\u00fcreAyar\u0131.value;\ns\u00fcreDe\u011fer.textContent = msToKelimelerDakika(s\u00fcre) + \" kelimeler\/dakika\";\n\ns\u00fcreAyar\u0131.addEventListener('input', (e) => {\n    s\u00fcre = e.target.value;\n    s\u00fcreDe\u011fer.textContent = msToKelimelerDakika(s\u00fcre) + \" kelimeler\/dakika\";\n});\n\n        \/\/ Blok 6: Kelime Say\u0131lar\u0131 ve \u0130lerleme \u00c7ubu\u011fu G\u00fcncelleme Fonksiyonu\n        function kelimeSayilariniGuncelle(toplam, okunan) {\n            const kalan = toplam - okunan;\n            const yuzde = (okunan \/ toplam) * 100;\n            document.querySelector(\"#kelime-sayilari\").textContent = `Toplam Kelime: ${toplam} | Okunan Kelime: ${okunan} | Kalan Kelime: ${kalan}`;\n            document.querySelector(\"#ilerleme-cubugu\").style.width = `${yuzde}%`;\n            document.querySelector(\"#ilerleme-cubugu\").textContent = `${Math.floor(yuzde)}%`;\n            document.querySelector(\"#ilerleme-cubugu\").setAttribute('aria-valuenow', yuzde);\n        }\n\n        \/\/ Blok 7: Kelime G\u00f6sterme Fonksiyonu\n        function kelimeG\u00f6ster(kelimeler) {\n            if (mevcutKelime >= kelimeler.length) {\n                clearInterval(okumaInterval);\n                okumaDevamEdiyor = false;\n                hizliOkuButon.textContent = \"H\u0131zl\u0131 Oku\";\n                mevcutKelime = 0;\n            } else {\n                kelimeEleman\u0131.textContent = kelimeler[mevcutKelime];\n                mevcutKelime++;\n\n                kelimeSayilariniGuncelle(kelimeler.length, mevcutKelime);\n            }\n        }\n\n        \/\/ Blok 8: H\u0131zl\u0131 Oku Buton \u0130\u015fleyicisi\n        hizliOkuButon.addEventListener('click', () => {\n            const metin = metinAlani.value;\n            const kelimeler = metin.split(' ');\n\n            kelimeSayilariniGuncelle(kelimeler.length, 0); \/\/ Ba\u015flang\u0131\u00e7ta toplam kelime say\u0131s\u0131n\u0131 ve y\u00fczdelik ilerlemeyi g\u00fcncelle\n\n            if (!okumaDevamEdiyor) {\n                okumaDevamEdiyor = true;\n                hizliOkuButon.textContent = \"Durdur\";\n                okumaInterval = setInterval(() => kelimeG\u00f6ster(kelimeler), s\u00fcre);\n            } else {\n                clearInterval(okumaInterval);\n                okumaDevamEdiyor = false;\n                hizliOkuButon.textContent = \"H\u0131zl\u0131 Oku\";\n            }\n        });\n\n\t\/\/ Blok 9: Tam Ekran Buton \u0130\u015fleyicisi\n        let tamEkranModu = false;\n        tamEkranButon.addEventListener('click', () => {\n            tamEkranModu = !tamEkranModu;\n            document.body.classList.toggle('tam-ekran');\n\n            if (tamEkranModu) {\n                tamEkranButon.textContent = \"Tam Ekrandan \u00c7\u0131k\";\n            } else {\n                tamEkranButon.textContent = \"Tam Ekran\";\n            }\n        });\n    <\/script>\n<\/body>\n<\/html>\n","protected":false},"excerpt":{"rendered":"<p>Hayat, bir insan\u0131n var oldu\u011fu s\u00fcre boyunca ya\u015fad\u0131\u011f\u0131 deneyimlerin toplam\u0131d\u0131r. \u0130yi bir hayat ise, ki\u015finin kendini mutlu, tatmin olmu\u015f ve ama\u00e7l\u0131 hissetti\u011fi bir hayatt\u0131r. \u0130yi bir hayat\u0131n unsurlar\u0131 \u015funlar\u0131 i\u00e7erebilir: Tabii ki, iyi bir hayat\u0131n unsurlar\u0131 ki\u015fisel tercihlerimize ve de\u011ferlerimize g\u00f6re de\u011fi\u015febilir. Ancak yukar\u0131da belirtilen unsurlar, genel olarak iyi bir hayat\u0131n \u00f6nemli bile\u015fenleridir. Kelime G\u00f6sterici<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-2","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"http:\/\/bakirci.net\/index.php\/wp-json\/wp\/v2\/pages\/2","targetHints":{"allow":["GET"]}}],"collection":[{"href":"http:\/\/bakirci.net\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"http:\/\/bakirci.net\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"http:\/\/bakirci.net\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"http:\/\/bakirci.net\/index.php\/wp-json\/wp\/v2\/comments?post=2"}],"version-history":[{"count":5,"href":"http:\/\/bakirci.net\/index.php\/wp-json\/wp\/v2\/pages\/2\/revisions"}],"predecessor-version":[{"id":52,"href":"http:\/\/bakirci.net\/index.php\/wp-json\/wp\/v2\/pages\/2\/revisions\/52"}],"wp:attachment":[{"href":"http:\/\/bakirci.net\/index.php\/wp-json\/wp\/v2\/media?parent=2"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}