Upload 2 files

scripts.js

@@ -0,0 +1,83 @@
+document.getElementById('phishingAttack').addEventListener('click', () => {
+    document.getElementById('attack-result').innerHTML = `
+        <h3>Kimlik Avı Saldırısı!</h3>
+        <p>Bir e-posta aldınız ve bu e-postadaki bağlantıya tıklamanız isteniyor. Ne yaparsınız?</p>
+        <button onclick="handlePhishingResponse(true)">Bağlantıya Tıkla</button>
+        <button onclick="handlePhishingResponse(false)">Bağlantıya Tıklama</button>
+    `;
+});
+
+document.getElementById('ransomwareAttack').addEventListener('click', () => {
+    document.getElementById('attack-result').innerHTML = `
+        <h3>Fidye Yazılımı Saldırısı!</h3>
+        <p>Bilgisayarınızda şüpheli bir dosya keşfettiniz ve bilgisayarınızda kilitli dosyalar var. Ne yaparsınız?</p>
+        <button onclick="handleRansomwareResponse(true)">Fidyeyi Öde</button>
+        <button onclick="handleRansomwareResponse(false)">Fidye Ödemeyin</button>
+    `;
+});
+
+document.getElementById('ddosAttack').addEventListener('click', () => {
+    document.getElementById('attack-result').innerHTML = `
+        <h3>DDoS Saldırısı!</h3>
+        <p>Web siteniz aşırı trafik nedeniyle yavaşlıyor. Nasıl bir tepki verirsiniz?</p>
+        <button onclick="handleDdosResponse(true)">Yük Dengeleyici Kullanın</button>
+        <button onclick="handleDdosResponse(false)">Sadece Bekleyin</button>
+    `;
+});
+
+document.getElementById('malwareAttack').addEventListener('click', () => {
+    document.getElementById('attack-result').innerHTML = `
+        <h3>Kötü Amaçlı Yazılım Saldırısı!</h3>
+        <p>Bilgisayarınıza şüpheli bir yazılım yüklendi. Ne yaparsınız?</p>
+        <button onclick="handleMalwareResponse(true)">Yazılımı Kaldır</button>
+        <button onclick="handleMalwareResponse(false)">Yazılımı Kaldırmayın</button>
+    `;
+});
+
+function handlePhishingResponse(accepted) {
+    if (accepted) {
+        showModal('Bağlantıya tıkladınız ve kişisel bilgileriniz çalındı. Güvenlik önlemleri almanız gerekiyor!');
+    } else {
+        showModal('İyi bir seçim yaptınız. Bilgilerinizi korudunuz!');
+    }
+}
+
+function handleRansomwareResponse(paid) {
+    if (paid) {
+        showModal('Fidye ödediniz, ancak dosyalarınız hala kilitli olabilir. Yedekleme stratejilerinizi gözden geçirin.');
+    } else {
+        showModal('Fidye ödemediğiniz için dosyalarınız kilitli kaldı. Gelecekte veri yedeklemeye özen gösterin.');
+    }
+}
+
+function handleDdosResponse(usedLoadBalancer) {
+    if (usedLoadBalancer) {
+        showModal('Yük dengeleyici kullanarak hizmetinizi korudunuz. İyi iş çıkardınız!');
+    } else {
+        showModal('Bekleyerek sorun çözüldü, ancak bu tür saldırılara karşı önlem almanız önemlidir.');
+    }
+}
+
+function handleMalwareResponse(removed) {
+    if (removed) {
+        showModal('Yazılımı kaldırdınız ve sisteminizi temiz tuttunuz. Harika!');
+    } else {
+        showModal('Kötü amaçlı yazılım bilgisayarınıza zarar verebilir. Gelecekte daha dikkatli olun.');
+    }
+}
+
+// Modal Gösterme Fonksiyonu
+function showModal(message) {
+    var modal = document.getElementById("myModal");
+    var span = document.getElementsByClassName("close")[0];
+    document.getElementById("modal-text").innerText = message;
+    modal.style.display = "block";
+    span.onclick = function() {
+        modal.style.display = "none";
+    }
+    window.onclick = function(event) {
+        if (event.target == modal) {
+            modal.style.display = "none";
+        }
+    }
+}

styles.css

@@ -0,0 +1,35 @@
+body {
+    background-color: rgb(12, 185, 228);
+    font-family: 'Arial', sans-serif;
+    color: #5959e9;
+    text-align: center;
+}
+
+#attack-simulator {
+    margin: 20px auto;
+    padding: 20px;
+    background-color: #fff;
+    border-radius: 8px;
+    box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
+    width: 80%;
+    max-width: 600px;
+}
+
+button {
+    margin: 10px;
+    padding: 10px 20px;
+    background-color: #dd3333;
+    color: white;
+    border: none;
+    border-radius: 4px;
+    cursor: pointer;
+    transition: background-color 0.3s ease;
+}
+
+button:hover {
+    background-color: #6b1515;
+}
+
+#attack-result {
+    margin-top: 20px;
+}