codesquad-masters-test/index.html at master · eve712/codesquad-masters-test · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Codesquad masters test</title>
    <link rel="stylesheet" href="cube-style.css">
    <script defer src="push_word.js"></script>
    <script defer src="plane_cube.js"></script>
    <script defer src="rubiks_cube.js"></script>
</head>
<body>
    <!----- 1단계 ----->
    <h1 class="title">1단계: 단어 밀어내기 구현하기</h1>
    <div class="container">
        영어 단어 하나, 정수 숫자 하나, L(l) 또는 R(r)를 순서대로 입력해주세요. <br>
        <span>- 쉼표 없이 공백을 하나씩 두고 입력해주세요.</span>
        <form>
            <input type="text" name="step1" id="step1" autocomplete="off">
            <input type="submit" name="submit" value="submit" id="step1_btn">
        </form>
        <div id="step1_result"></div>
    </div>

    <!----- 2단계 ----->
    <h1 class="title">2단계: 평면 큐브 구현하기</h1>
    <div class="container">
        U,U',R,R',L,L',B,B'를 이용해 입력해주세요.<br>
        <span>- 대문자로만 입력해주세요.</span><br>
        <span>- Q를 입력하면 프로그램이 종료됩니다.</span><br>
        <span>- 중간에 Q가 들어갈 경우 Q이후로는 실행되지 않습니다. ex.UR'QD → UR'Q실행</span>
        <form>
            <input type="text" name="step2" id="step2" autocomplete="off">
            <input type="submit" name="submit" value="submit" id="step2_btn">
        </form>
        <div id="step2_result"></div>
    </div>

    <!----- 3단계 ----->
    <h1 class="title">3단계: 루빅스 큐브 구현하기</h1>
    <div class="container">
        U,U',R,R',L,L',D,D',F,F',B,B'를 이용해 입력해주세요.<br>
        <span>- 대문자로만 입력해주세요.</span><br>
        <span>- Q를 입력하면 프로그램이 종료됩니다.</span><br>
        <span>- 중간에 Q가 들어갈 경우 Q이후로는 실행되지 않습니다.</span><br>
        <span>- 숫자 입력시 나눠서 여러 번 실행됩니다. ex.U'R2D → U', R, R, D</span><br>
        <span>- random 버튼 클릭 시 랜덤큐브가 출력되고, 조작 가능하며 Q를 입력하면 종료됩니다.</span>
        <form>
            <input type="text" name="step3" id="step3" autocomplete="off">
            <input type="submit" name="submit" value="submit" id="step3_btn">
            <input type="button" name="submit" value="random" id="random_btn">
        </form>
        <div id="step3_result"></div>
    </div>
</body>
</html>