archived

2026-07-17 20:07:01 +09:00
commit 814273d4d7
52 changed files with 8765 additions and 0 deletions
@@ -0,0 +1,49 @@
+<!DOCTYPE html>
+<html lang="en">
+
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>Word Display</title>
+    <script src="./main.js" defer></script>
+    <link rel="stylesheet" href="./main.css">
+</head>
+
+<body>
+    <div id="settings">
+        <h1>Settings</h1>
+        <button id="shuffleButton">Mix</button>
+        <label for="interval">Period: </label>
+        <input type="number" id="interval" value="2">
+        <select id="wordLength">
+            <option value="13">1to3</option>
+            <option value="46">4to6</option>
+        </select>
+        <label for="wordNumber">Words: </label>
+        <input type="number" id="wordNumber" value="10">
+        <button id="start">Start</button>
+
+        <h2>Rules: </h2>
+        <p>A: 짧은 단어 / B: 긴 단어</p>
+        <p>C: 2초 / D: 3초</p>
+        <p>E: 10개 / F: 20개</p>
+    </div>
+
+
+    <!-- Introduction -->
+    <ul id="Intro">
+        <li id="wordNumberValue">20개의 짧은 무작위 단어들이 제시됩니다.</li>
+        <br>
+        <li id="intervalValue">단어당 제시되는 시간은 2초이며 후에 1초의 공백이 표시됩니다.</li>
+        <br>
+        <li>테스트 종료 시, 빨간색의 Finish가 표시됩니다.</li>
+        <br>
+        <li>종료 후에는 기억나는 단어를 종이에 작성하세요.</li>
+        <br>
+        <li>스페이스바를 누르면 테스트가 바로 시작됩니다.</li>
+    </ul>
+
+    <div id="Word">Ready</div>
+</body>
+
+</html>