<script>
    window.onload = function (event) {
        const blog = document.querySelector('.blog');
        const storedFontSize = localStorage.getItem('FontBoyutu');
        if (storedFontSize) {
            blog.style.fontSize = storedFontSize;
        }
        document.querySelector('.FontArt').addEventListener('click', () => {
            changeFontSize('Art');
        });
        document.querySelector('.FontAzal').addEventListener('click', () => {
            changeFontSize('Azal');
        });
        function changeFontSize(action) {
            const blog = document.querySelector('.blog');
            let currentFontSize = parseFloat(window.getComputedStyle(blog).fontSize);
            if (action === 'Art') {
                currentFontSize *= 1.1;
            } else if (action === 'Azal') {
                currentFontSize /= 1.1;
            }
            blog.style.fontSize = `${currentFontSize}px`;
            localStorage.setItem('FontBoyutu', blog.style.fontSize);
        }
    };
</script>

<div class="controls">
    <a href="#" class="FontArt">A+</a>
    <a href="#" class="FontAzal">A-</a>
</div>
<div class="blog">
    <p>Bu bir blog yazısıdır. Yazı boyutunu değiştirerek rahatça okuyabilirsiniz.</p>
    <p>Burada başka bir paragraf yer alıyor. Yazıyı büyütmek ve küçültmek için "A+" ve "A-" linklerine tıklayabilirsiniz.</p>
    <p>İçeriğin okunabilirliğini artırmak için yazı boyutları üzerinde kontrol sağlayabilirsiniz.</p>
</div>