link-shortener/index.html at main · ProTecGames/link-shortener · 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
<body>
  <main>
    <div id="header-div" class="">
       <h1 class="">Link Shortener</h1>
     </div>
     <!-- link input and shorten button -->
     <div id="content-div">
       <div id="input-div">
         <input type="text" class="text-field content-row" placeholder="Enter URL here . . ." id="input-field" required/>
         <button id="shorten" type="button" class="content-row button">Shorten URL</button>
         <button type="button" id="clear-btn" class="content-row button">Clear</button>
       </div>
       <!-- Output and copy -->
       <div id="output-div">
         <div class="content-row" id="new-url-label">Your short URL:</div>
         <div id="new-url" class="content-row"></div>
         <button type="button" id="copy-btn" data-clipboard-target="#new-url" class="content-row button">Copy</button>
       </div>
       <div class="" id="error-div">
          <p class="content-row" id="error-text"></p>
       </div>
     </div>

     </main>
     <!--App script-->
     <script src="./app.js"></script>

     </body>