Jak uruchomić HTML w przeglądarce

Kroki

1. Zacznij od szablonu startowego lub załaduj przykładowy projekt.
2. Edytuj strukturę HTML, style CSS i zachowanie JavaScript.
3. Naciśnij Uruchom (Ctrl/Cmd + Enter), aby odświeżyć podgląd w sandbox.
4. Otwórz panel Console, aby czytać log, warn i error.
5. Użyj kontrolek responsywnych, aby sprawdzić układ przy typowych szerokościach.
6. Formatuj, kopiuj lub pobierz pracę jako index.html.

Przykład

Przykład — Uruchom

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"));

Wklej każdy blok w odpowiednie pole i uruchom kod. Kliknięcie niebieskiego przycisku wypisuje Hello w konsoli.

Wskazówka

Podstawowe wykonywanie HTML, CSS i JavaScript dla podglądu odbywa się lokalnie w przeglądarce.

Powiązane narzędzia