반응형
미션 클리어 카운터를 나타내는 간단한 HTML 코드를 제공합니다.
이 코드는 사용자가 미션을 클리어할 때마다 카운터를 증가시키는 예제입니다.
<!DOCTYPE html>
<html>
<head>
<title>미션 클리어 카운터</title>
<script>
var missionCounter = 0;
function increaseCounter() {
missionCounter++;
document.getElementById("counter").innerHTML = missionCounter;
}
</script>
</head>
<body>
<h1>미션 클리어 카운터</h1>
<p>미션 클리어 횟수: <span id="counter">0</span></p>
<button onclick="increaseCounter()">미션 클리어</button>
</body>
</html>
위 코드에서는 JavaScript를 사용하여 미션 클리어 횟수를 추적하고 클리어 버튼을 클릭할 때마다 카운터를 증가시킵니다.
결과 보기
반응형
'HTML 예제' 카테고리의 다른 글
| 버튼 누르면 팝업창 뜨기 (0) | 2023.12.08 |
|---|---|
| 실시간 주식 시세 (0) | 2023.12.08 |
| 웹사이트 소개 페이지 (0) | 2023.12.08 |
| 이미지 확대/축소 기능 (0) | 2023.12.08 |
| 화면에 예쁜 텍스트 추가 (1) | 2023.12.08 |
