HTML ve JavaScript hata ayıklama

Küçük bir örnek ve konsol ile seçici, stil ve çalışma hatalarını bulun.

HTML CSS JS Compiler · Metodoloji · İletişim

Adımlar

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

Örnek

HTML

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

CSS

#demo { padding: 12px; }

JavaScript

// Broken: document.getElementById("missing").textContent = "OK";
const button = document.getElementById("demo");
if (button) button.textContent = "OK";

missing kimliğine sahip öğe yoktur ve hata oluşur. Düğmeyi bulmak için demo kullanın; sözdizimi kontrolü bu çalışma hatasını bulmaz.

İpucu

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