HTML oyun alanını kullanma

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="counter">0</button>

CSS

#counter { font-size: 2rem; padding: 16px; }

JavaScript

let count = 0;
document.getElementById("counter").addEventListener("click", (event) => {
  event.currentTarget.textContent = ++count;
});

Her tıklama sayacı artırır. Yeniden çalıştırmak değeri sıfırlar; yerel depolama kodu saklar, sayaç durumunu saklamaz.

İ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