JavaScript Kodları

// ZebifyTech Konuşan Kodlar'a Hoş Geldiniz 🎙️
// Bu örnek, dinamik bir karşılama mesajı oluşturur.

const platform = "ZebifyTech";
const bolum = "Konuşan Kodlar";

function hosGeldiniz() {
  const mesaj = `👋 ${platform} ${bolum} bölümüne hoş geldiniz! 
Burada her satır kod, sadece yazılmak için değil, anlaşılmak için var.`;
  console.log(mesaj);
}

hosGeldiniz();

<form id="iletisimFormu">
  <input id="ad" placeholder="Adınızı girin">
  <input id="email" placeholder="E-posta adresiniz">
  <button type="submit">Gönder</button>
</form>

<script>
document.getElementById("iletisimFormu").addEventListener("submit", (e) => {
  const ad = document.getElementById("ad").value.trim();
  const email = document.getElementById("email").value.trim();

  if (ad === "" || email === "") {
    alert("Lütfen tüm alanları doldurun.");
    e.preventDefault(); // Formu gönderme
    return;
  }

  alert("Form başarıyla gönderildi!");
});
</script>

<style>
  #modal {
    display: none;
    position: fixed;
    inset: 0;
    background: rgba(0,0,0,0.6);
    justify-content: center;
    align-items: center;
  }
  .icerik {
    background: #fff;
    padding: 20px;
    border-radius: 8px;
    min-width: 250px;
    text-align: center;
  }
</style>

<button id="ac">Modal Aç</button>

<div id="modal">
  <div class="icerik">
    <p>Merhaba 👋 Bu bir modal penceredir.</p>
    <button id="kapat">Kapat</button>
  </div>
</div>

<script>
const modal = document.getElementById("modal");
const ac = document.getElementById("ac");
const kapat = document.getElementById("kapat");

ac.addEventListener("click", () => modal.style.display = "flex");
kapat.addEventListener("click", () => modal.style.display = "none");
modal.addEventListener("click", (e) => {
  if (e.target === modal) modal.style.display = "none";
});
</script>