Flyrbox Code Playground

Yapay Zeka Desteği Yakında

<h1>Merhaba, Flyrbox!</h1>
<p>Bu bir canlı kod editörüdür.</p>
<button onclick="showAlert()">Bana Tıkla</button>

body {
  background-color: #f0f8ff;
  font-family: sans-serif;
  text-align: center;
  padding: 2rem;
}
h1 {
  color: #333;
}
button {
  background-color: #0ea5e9; /* sky-500 */
  color: white;
  border: none;
  padding: 10px 20px;
  border-radius: 5px;
  cursor: pointer;
  font-size: 16px;
}
button:hover {
  background-color: #0284c7; /* sky-600 */
}

function showAlert() {
  alert("Harika! JavaScript çalışıyor.");
}

<?php
// Not: Bu kodun çalışması için bir sunucu ortamı gereklidir.
// Bu online editör sadece ön yüz kodlarını (HTML, CSS, JS) çalıştırabilir.

function selamVer($isim) {
  echo "Merhaba, " . $isim . "!";
}

selamVer("Flyrbox Kullanıcısı");
?>

Önizleme