body { font-family: Arial, sans-serif; text-align: center; background-color: #f4f4f4; margin: 50px; } .zikirmatik { background-color: #d9d9d9; width: 300px; height: 500px; margin: 0 auto; border-radius: 20px; padding: 20px; box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.2); position: relative; } .display { background-color: #333; color: white; font-size: 48px; border-radius: 10px; padding: 10px; margin: 20px 0; } .button { font-size: 18px; padding: 15px 30px; margin: 10px; border: none; cursor: pointer; border-radius: 5px; } .big-button { width: 150px; height: 150px; background-color: black; color: white; font-size: 20px; border-radius: 50%; margin: 20px; line-height: 140px; } .reset-button, .input-button { background-color: #f44336; color: white; width: 200px; } input[type="text"] { font-size: 16px; padding: 10px; margin: 10px 0; width: 180px; border: 2px solid #f44336; border-radius: 5px; } Zikirmatik 00000 Zikir Çek Sıfırla // Sayaç değişkeni let count = 0; // Zikir çekme fonksiyonu function increaseCounter() { count++; document.getElementById("counter").innerText = String(count).padStart(5, '0'); } // Zikir çek butonu ve dinamik isim güncelleme document.getElementById("zikirInput").oninput = function() { const zikirName = this.value || "Zikir Çek"; // Eğer boş bırakılırsa varsayılan olarak "Zikir Çek" yazsın document.getElementById("zikirBtn").innerText = zikirName; }; // Zikir çek butonuna basınca sayaç artsın document.getElementById("zikirBtn").onclick = increaseCounter; // Sıfırlama butonu document.getElementById("resetBtn").onclick = function() { count = 0; document.getElementById("counter").innerText = "00000"; };
