HTML 30일 정복
· DAY 30/30
← 전체 학습목록
DAY 30 · 5분 학습
최종 프로젝트
HTML+CSS+JavaScript
✏️ 직접 수정하고 실행
<style>body{font-family:sans-serif;text-align:center}.hero{padding:70px 20px;background:#eef4ff}button{padding:12px 18px}</style><section class="hero"><h1 id="title">나의 웹사이트</h1><p>30일 학습 완료!</p><button onclick="finish()">완료</button></section><script>function finish(){document.getElementById("title").textContent="🎉 정복 완료!"}</script>
▶ 실행하기
🌐 실행 결과
1분 미션
HTML+CSS+JavaScript 예제를 직접 수정해서 결과가 어떻게 달라지는지 확인해보세요.
← 이전
학습목록 →