Skip to content

Commit 3e42600

Browse files
committed
v2 fix content
1 parent 7cbe7c1 commit 3e42600

3 files changed

Lines changed: 1041 additions & 288 deletions

File tree

index.html

Lines changed: 42 additions & 16 deletions
Original file line numberDiff line numberDiff line change
@@ -7,25 +7,51 @@
77
<link rel="stylesheet" href="style.css">
88
</head>
99
<body>
10-
<div class="container">
11-
<h1>Java OCP 1Z0-819 模擬測驗</h1>
12-
13-
<div id="quiz-results" class="results-container" style="display: none;">
14-
<h2>測驗結果</h2>
15-
<div id="score" class="score"></div>
16-
<div id="error-analysis" class="error-analysis"></div>
17-
<h3>詳細結果:</h3>
18-
<div id="detailed-results"></div>
19-
<button id="restart-btn" class="btn">重新測驗</button>
10+
<header>
11+
<div class="container">
12+
<h1>Java OCP 1Z0-819 測驗</h1>
13+
<p>本測驗包含 34 題選擇題,測試您對 Java SE 11 開發者認證的理解</p>
2014
</div>
15+
</header>
16+
17+
<main class="container">
18+
<section id="score-section" class="hidden">
19+
<div class="score-card">
20+
<h2>測驗結果</h2>
21+
<div class="score-display">
22+
<span id="score">0</span>/<span id="total-questions">34</span>
23+
</div>
24+
<div class="progress-bar">
25+
<div id="progress-fill"></div>
26+
</div>
27+
<div id="score-percentage">0%</div>
28+
<div id="analysis"></div>
29+
</div>
30+
<button id="retry-btn" class="btn">重新測驗</button>
31+
</section>
2132

22-
<form id="quiz-form">
23-
<div id="quiz-content">
24-
<!-- 問題將由 JavaScript 動態載入 -->
33+
<section id="quiz-section">
34+
<div id="question-counter">問題 <span id="current-question">1</span>/34</div>
35+
<div id="quiz-container"></div>
36+
<div class="quiz-controls">
37+
<button id="prev-btn" class="btn btn-secondary" disabled>上一題</button>
38+
<button id="next-btn" class="btn">下一題</button>
39+
<button id="submit-btn" class="btn btn-primary hidden">提交答案</button>
2540
</div>
26-
<button type="submit" id="submit-btn" class="btn">提交答案</button>
27-
</form>
28-
</div>
41+
</section>
42+
43+
<section id="results-section" class="hidden">
44+
<h2>詳細結果</h2>
45+
<div id="results-container"></div>
46+
<button id="back-to-top" class="btn">回到頂部</button>
47+
</section>
48+
</main>
49+
50+
<footer>
51+
<div class="container">
52+
<p>© 2025 Java OCP 測驗網站 | 為 Java SE 11 開發者認證準備</p>
53+
</div>
54+
</footer>
2955

3056
<script src="script.js"></script>
3157
</body>

0 commit comments

Comments
 (0)