kakeru911436/test
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity

commit

Browse Source
This commit is contained in:
user01-PC\user01
2021-11-01 14:03:35 +08:00
parent 7e9999d30d
commit 8483f13aa3
4 changed files with 83 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files

3
.vscode/settings.json vendored Normal file
View File

@@ -0,0 +1,3 @@
{
"editor.fontSize": 18
}

4
Untitled-1.html
View File

@@ -39,13 +39,13 @@
var password = document.getElementById("password").value; var password = document.getElementById("password").value;
if (result != "user" || password != "user") { if (result != "user" || password != "user") {
window.alert("使用者名稱或密碼不正確"); window.alert("使用者名稱或密碼不正確");
localStorage.setItem('LoginStatus, 0'); localStorage.setItem('LoginStatus', 0);
return false; return false;
} else { } else {
window.alert("登入成功"); window.alert("登入成功");
window.location.assign('http://127.0.0.1:5500/mask.html'); window.location.assign('http://127.0.0.1:5500/mask.html');
localStorage.setItem('LoginStatus, 1'); localStorage.setItem('LoginStatus', 1);
return true; return true;
} }

59
mask.html Normal file
View File

@@ -0,0 +1,59 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.6.0/jquery.min.js"
integrity="sha512-894YE6QWD5I59HgZOGReFYm4dnWc1Qt5NtvYSaNcOP+u1T9qYdvdihz0PPSiiqn/+/3e7Jo4EaG7TubfWGUrMQ=="
crossorigin="anonymous" referrerpolicy="no-referrer"></script>
</head>
<body>
<table border=1>
<tr>
<td>藥局名稱</td>
<td>成人口罩剩餘數量</td>
<td>兒童口罩剩餘數量</td>
</tr>
<tbody id="row">
</tbody>
</table>
<script>
$.ajax({
url: 'https://findmasks.herokuapp.com/places',
type: 'get',
dataType: 'json',
success: function (data) {
for (i = 0; i < 20; i++) {
$("#row").append("<tr>"+"<td>" + data.features[i].properties.name + "</td>" +
"<td>" + data.features[i].properties.masksLeft + "</td>" +
"<td>" + data.features[i].properties.childMasksLeft + "</td>"+"</tr>")
}
},
error: function (xhr) {
console.log('api catch error');
}
});
if(localStorage.getItem('LoginStatus')!=1){
alert('請重新登入後再試');
location.href='Untitled-1.html';
}
</script>
</body>
</html>

19
題目.txt Normal file
View File

@@ -0,0 +1,19 @@
主要功能
一、模擬登入頁面
預設帳號:user
預設密碼:user
登入情況模擬
登入失敗→提示 "帳號 or 密碼 輸入錯誤"
登入成功→執行第二項功能
二、獲取口罩開放資料並利用table顯示 (登入成功才顯示)
藥局名稱、地址、電話、成人口罩剩餘人數、兒童口罩剩餘人數
參考網址:https://hackmd.io/@mingjunlu/findmasks-api-docs
1.請使用Api串接
2.尚未登入時不顯示
額外項目 美化(自行設計)