Skip to content

Commit 4b1fc95

Browse files
alfo0924alfo0924
committed
V1.01 init commit
1 parent c76ec42 commit 4b1fc95

File tree

7 files changed

+1140
-0
lines changed

7 files changed

+1140
-0
lines changed

‎.idea/.gitignore‎

Lines changed: 8 additions & 0 deletions
Some generated files are not rendered by default. Learn more about customizing how changed files appear on GitHub.

‎.idea/javaOcpQuiz.iml‎

Lines changed: 12 additions & 0 deletions
Some generated files are not rendered by default. Learn more about customizing how changed files appear on GitHub.

‎.idea/modules.xml‎

Lines changed: 8 additions & 0 deletions
Some generated files are not rendered by default. Learn more about customizing how changed files appear on GitHub.

‎.idea/vcs.xml‎

Lines changed: 6 additions & 0 deletions
Some generated files are not rendered by default. Learn more about customizing how changed files appear on GitHub.

‎index.html‎

Lines changed: 69 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,69 @@
1+
<!DOCTYPE html>
2+
<html lang="zh-TW">
3+
<head>
4+
<meta charset="UTF-8">
5+
<meta name="viewport" content="width=device-width, initial-scale=1.0">
6+
<title>Java OCP 1Z0-819 測驗</title>
7+
<link rel="stylesheet" href="style.css">
8+
</head>
9+
<body>
10+
<div class="container">
11+
<header>
12+
<h1>Java OCP 1Z0-819 測驗</h1>
13+
<p>本測驗包含 25 題選擇題，每題 4 分，總分 100 分</p>
14+
</header>
15+
16+
<div id="quiz-status" class="status-bar">
17+
<div class="progress-container">
18+
<div class="progress-bar" id="progress-bar"></div>
19+
</div>
20+
<span id="question-counter">題目 1/25</span>
21+
<span id="timer">剩餘時間: 30:00</span>
22+
</div>
23+
24+
<div id="result-container" class="hidden">
25+
<div class="score-section">
26+
<h2>測驗結果</h2>
27+
<div class="score-display">
28+
<div class="score-circle">
29+
<span id="score-value">0</span>
30+
<span class="score-label">分</span>
31+
</div>
32+
</div>
33+
<p id="score-message"></p>
34+
</div>
35+
36+
<div class="analysis-section">
37+
<h3>能力分析</h3>
38+
<div id="category-analysis"></div>
39+
</div>
40+
41+
<div class="review-section">
42+
<h3>答題回顧</h3>
43+
<div id="question-review"></div>
44+
</div>
45+
46+
<button id="restart-btn" class="btn">重新測驗</button>
47+
</div>
48+
49+
<div id="quiz-container">
50+
<div id="question-container">
51+
<h2 id="question-text"></h2>
52+
<div id="code-snippet" class="code-container hidden"></div>
53+
<div id="options-container" class="options-container"></div>
54+
</div>
55+
56+
<div class="navigation-buttons">
57+
<button id="prev-btn" class="btn nav-btn" disabled>上一題</button>
58+
<button id="next-btn" class="btn nav-btn">下一題</button>
59+
<button id="submit-btn" class="btn submit-btn hidden">提交測驗</button>
60+
</div>
61+
</div>
62+
63+
<footer>
64+
<p>© 2025 Java OCP 測驗系統 | 依據 Oracle 官方考試範圍設計</p>
65+
</footer>
66+
</div>
67+
<script src="script.js"></script>
68+
</body>
69+
</html>

0 commit comments

Comments
 (0)