internet_term/index.html at master · ssigner/internet_term · 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
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
<!DOCTYPE html>
<html>
  <head>
    <meta charset="utf-8">
    <title>201924442 김종훈</title>
    <!--API 2개 (로드뷰, 지도)-->
    <script type="text/javascript" src="{YOURAPIKEY}"></script>
    <script type="text/javascript" src="https://developers.kakao.com/sdk/js/kakao.js"></script>
    <link rel = "stylesheet" type = "text/css" href = "style.css">
  </head>
  <body>
    <!--Semantic-->
    <header>
      <div>랜덤 로드뷰 게임</div>
    </header>
    <nav id="kategorie">
      <a href="#roadview">로드뷰</a>
      <a href="#map">지도</a>
      <a href="#play">게임하기</a>
      <a id = "kakao_nav">카카오맵</a>
    </nav>
    <article>

        <div id="roadview"></div>
        <div id="map"></div>

      <div id="data">
        <!--table-->
        <table id = data_table>
          <tr>
            <td>위도</td>
            <td id = "lat">35.231606</td>
          </tr>
          <tr>
            <td>경도</td>
            <td id = "lng">129.084216</td>
          </tr>
          <tr>
            <td>점수</td>
            <td id = "score">.</td>
          </tr>
        </table>
        <a id = "kakao_map" target="_blank"><img id = "map_img" src="kakaoFind.jpg"/></a>
        <input id = "kakaotalk" type="button" value="보내기" >
      </div>
    </article>
    <form action="#">
      <!--input 1, 2, 3-->
      <input id = "play" type = "button" value = "게임시작">
      <input id = "check" type= "button" value = "점수확인" disabled="true">
      <span id = text_container>
        <a>ID</a>
        <input id = "my_id" type="text" placeholder="최소 1자 이상" value = "">
      </span>
      <span id = "check_container">
        <a>익명으로 등록</a>
        <input id = "anony" type="checkbox">
      </span>
      <input id = "register" type= "button" value = "등록" unchecked>
      <input id = "init" type= "button" value = "초기화">
    </form>
    <!--list-->
    <ol id = "best">
      스코어 순위 (최대 5인까지)
    </ol>

    <footer>
      <p id = "copy">Copyright &copy; 2023 김종훈</p>
    </footer>
  </body>
  <script type="module" src="map.js"></script>
</html>