Merhabalar,
DDOS Koruması gibi işlem yapıyorum.DDOS korumlarında ilk önce robot doğrulama yapılır sonra ana sayfaya erişilir ya bende öyle yapmayı istiyorum.
Kodun Robot Doğrulama kısmını yaptım ama burayı ilk sayfa olarak önce bu robot doğrulamayı yaptıramıyorum.
İsteğim ilk önce bu sayfayı geçecekler sonra siteye erişebilecekler diye istiyorum.
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Rastgele Elementler</title>
<style>
body {
display: flex;
align-items: center;
justify-content: center;
height: 100vh;
margin: 0;
}
#container {
text-align: center;
}
#result {
font-size: 24px;
margin-bottom: 10px;
}
#inputBox {
padding: 5px;
}
#devamEtButton {
background-color: #ff0000;
color: #fff;
padding: 10px 20px;
cursor: pointer;
}
</style>
</head>
<body>
<div id="container">
<div id="result">Kutucuğa gireceğiniz sayıyı bekliyoruz...</div>
<input type="text" id="inputBox" placeholder="Sayıyı girin">
<button id="devamEtButton" onclick="checkNumber()">Devam Et</button>
</div>
<script>
// Rastgele altı basamaklı sayılarla doldurulan 250 element
const elements = Array.from({ length: 250 }, () => Math.floor(100000 + Math.random() * 900000));
// Rastgele seçilen elementin index'i
let currentIndex = Math.floor(Math.random() * elements.length);
// HTML elementlerine erişim
const resultElement = document.getElementById('result');
const inputBox = document.getElementById('inputBox');
// Sayfa yüklendiğinde ilk elementi göster
updateResult();
// Kullanıcının girdiği sayıyı kontrol et
function checkNumber() {
const userInput = parseInt(inputBox.value);
if (!isNaN(userInput) && userInput === elements[currentIndex]) {
// Doğru sayı girildiyse
currentIndex = Math.floor(Math.random() * elements.length);
updateResult();
} else {
// Yanlış sayı veya geçersiz giriş, sayfayı yeniden başlat
alert('Yanlış numara! Sayfa yeniden başlatılıyor...');
location.reload();
}
// Eğer sonuncu elemente ulaşıldıysa
if (currentIndex === elements.length - 1) {
alert('Tebrikler! Tüm sayıları doğru bildiniz. Devam et butonu eklenebilir.');
// Burada kullanıcıyı bir sonraki adıma yönlendirebilir veya istediğiniz bir işlemi gerçekleştirebilirsiniz.
}
}
// Sonuç kutusunu güncelle
function updateResult() {
resultElement.textContent = `Üzerindeki sayı: ${elements[currentIndex]}`;
}
</script>
</body>
</html>