Tarayıcıda HTML çalıştırma

Adımlar

1. Başlangıç şablonundan başlayın veya bir örnek proje yükleyin.
2. HTML yapısını, CSS stillerini ve JavaScript davranışını düzenleyin.
3. Sandbox önizlemesini yenilemek için Çalıştır'a (Ctrl/Cmd + Enter) basın.
4. Log, uyarı ve hataları okumak için Console panelini açın.
5. Yaygın genişliklerde düzeni kontrol etmek için duyarlı kontrolleri kullanın.
6. Çalışmanızı biçimlendirin, kopyalayın veya index.html olarak indirin.

Örnek

Örnek — Çalıştır

HTML

<button id="demo">Hello</button>

CSS

#demo { padding: 12px 24px; color: white; background: #2563eb; border: 0; border-radius: 8px; }

JavaScript

document.getElementById("demo").addEventListener("click", () => console.log("Hello"));

Her kod bloğunu ilgili alana yapıştırıp çalıştırın. Mavi düğmeye tıklandığında konsola Hello yazılır.

İpucu

Önizleme için HTML, CSS ve JavaScript'in temel yürütmesi tarayıcınızda yerel olarak gerçekleşir.

İlgili araçlar