Toolry
도구 모음
JSON
정규식
URL
홈
/
JS 플레이그라운드
JS 플레이그라운드
HTML, CSS, JavaScript를 바로 작성하고 실행 결과를 확인하세요
자동 실행
콘솔
HTML
<h1>Hello, Toolry!</h1> <p id="demo">결과가 여기에 표시됩니다.</p> <button onclick="sayHello()">클릭해보세요</button>
CSS
body { font-family: 'Segoe UI', sans-serif; padding: 20px; background: #1a1d27; color: #e5e7eb; } h1 { color: #6ee7b7; } button { margin-top: 12px; padding: 8px 20px; background: #6ee7b7; color: #0f1117; border: none; border-radius: 6px; font-weight: 600; cursor: pointer; } button:hover { opacity: 0.85; }
JavaScript
function sayHello() { document.getElementById('demo').textContent = '안녕하세요! 🎉'; console.log('버튼이 클릭되었습니다!'); console.log('현재 시간:', new Date().toLocaleString('ko-KR')); } console.log('JS 플레이그라운드에 오신 것을 환영합니다!'); console.log('자유롭게 코드를 수정하고 실행해보세요.');
Console
지우기
콘솔 출력이 여기에 표시됩니다.
다른 도구
.* 정규식 테스터
{} JSON 포맷터
🎨 색상 변환기
⏱ 타임스탬프 변환기