Support IE

index.html

@@ -95,9 +95,8 @@
             <p class="text-center">(ˊ・ω・ˋ)(ˊ・ω・ˋ)(ˊ・ω・ˋ)(ˊ・ω・ˋ)(ˊ・ω・ˋ)(ˊ・ω・ˋ)</p>
         </footer>
     </div>
-    <script src="https://code.jquery.com/jquery-3.5.1.slim.min.js"
-        integrity="sha384-DfXdz2htPH0lsSSs5nCTpuj/zy4C+OGpamoFVy38MVBnE+IbbVYUew+OrCXaRkfj"
-        crossorigin="anonymous"></script>
+    <script src="https://code.jquery.com/jquery-3.6.0.min.js"
+        integrity="sha256-/xUj+3OJU5yExlq6GSYGSHk7tPXikynS7ogEvDej/m4=" crossorigin="anonymous"></script>
     <script src="https://cdn.jsdelivr.net/npm/bootstrap@4.6.0/dist/js/bootstrap.bundle.min.js"
         integrity="sha384-Piv4xVNRyMGpqkS2by6br4gNJ7DXjqk09RmUpJ8jgGtD7zP9yug3goQfGII0yAns"
         crossorigin="anonymous"></script>

js/main.js

@@ -1,53 +1,45 @@
-'use strict'
+var backend = 'https://ntut.com.tw';
 
-let backend = 'https://ntut.com.tw'
-
-const shortenUrl = async () => {
-    let shortCode = $('#urlBox .short-code')[0].value || null
-    let url = $('#urlBox .target-url')[0].value
+function shortenUrl() {
+    var shortCode = $('#urlBox .short-code').val() || null;
+    var url = $('#urlBox .target-url').val();
 
     if (!url) {
-        alert("URL is empty!")
-        return
+        alert("網址不能是空白的！");
+        return;
     }
 
-    request({ shortCode, url })
-        .done((res) => {
-            console.log(res)
-
-            addNewRow(res)
+    request(shortCode, url)
+        .done(function (res) {
+            console.log(res);
+            addNewRow(res);
         })
-        .fail((err) => {
-            console.log(err)
-
+        .fail(function (err) {
+            console.log(err);
             if (err.status == 409) {
-                alert("This code has been used.")
+                alert("這個別名已經被使用了");
             }
             else {
-                alert("Failed to establish connection.")
+                alert("無法建立連線，請稍後再試")
             }
         })
 }
 
-const addNewRow = (data) => {
-    let view = $('#urlBox .urls')
+function addNewRow(data) {
+    var rowHtml = '<div class="url row">';
+    rowHtml += '<p class="text-center col-md-4 col-6">ntut.com.tw/' + data.shortCode + '</p>';
+    rowHtml += '<p class="text-center col-md-8 col-6">' + data.url + '</p>';
+    rowHtml += '</div>';
 
-    view.append($(`
-        <div class="url row">
-            <p class="text-center col-md-4 col-6">ntut.com.tw/${data.shortCode}</p>
-            <p class="text-center col-md-8 col-6">${data.url}</p>
-        </div>
-    `))
+    $('#urlBox .urls').append($(rowHtml));
 }
 
-const request = ({ shortCode, url }) => {
+function request(shortCode, url) {
     return $.ajax({
         type: 'POST',
         dataType: 'json',
-        url: `${backend}/api/shortUrl`,
-        data: JSON.stringify({
-            shortCode, url
-        }),
+        url: backend + '/api/shortUrl',
+        data: JSON.stringify({ shortCode: shortCode, url: url }),
         processData: false,
         contentType: 'application/json; charset=UTF-8'
     })