<!-- Website template by freewebsitetemplates.com -->
<html>
<head>
<meta charset="UTF-8">
<title>公司資訊</title>
<script src="https://www.gstatic.com/firebasejs/6.6.1/firebase-app.js"></script>
<script src="https://www.gstatic.com/firebasejs/6.6.1/firebase-firestore.js"></script>
<script>
// 把語法從Firebase專案設定裡面 複製過來
var firebaseConfig = {
apiKey: "",
authDomain: "",
databaseURL: "",
projectId: "",
storageBucket: "",
messagingSenderId: "",
appId: " "
};
// Initialize Firebase
firebase.initializeApp(firebaseConfig);
// Firebase 專案設定開始
var db = firebase.firestore();
function storedata(cpname)
{
db.collection("NTUNHS").
where("name", "==", cpname).get().then(function(querySnapshot)
{
querySnapshot.forEach(function(doc)
{
// doc.data() is never undefined for query doc snapshots
console.log(doc.id, " => ", doc.data());
document.getElementById("table1").innerHTML=doc.data().name;
document.getElementById("table2").innerHTML=doc.data().address;
document.getElementById("table3").innerHTML=doc.data().phone[0]+"<br />"+doc.data().phone[1]+"<br />"+doc.data().phone[2] ;
});
})
};
//innerHTML 讓資料庫裡面的資料顯示在網頁上
</script>
</head>
<body>
<span style="font-family:DFKai-sb; font-size:50px; " >請輸入欲查詢的公司名稱</span>
公司名稱 : <input type="text" name="name" id="text1" /> <br /><br />
<button onclick="storedata(text1.value)">GO</button>
<table border="1" >
<tr>
<td align="center" style="font-weight:bold; font-size:20px;" >公司名稱</td>
<td align="center" style="font-weight:bold; font-size:20px;">住址</td>
<td align="center" style="font-weight:bold; font-size:20px;">電話</td>
</tr>
<tr>
<td id="table1">公司名稱</td>
<td id="table2">住址</td>
<td id="table3">電話</td>
</tr>
</table>
//getElementById("table1").innerHTML 讓資料顯示在網頁上 id為"table1"的地方上~
</body>
</html>
沒有留言:
張貼留言
喜歡我的文章嗎? 喜歡的話可以留言回應我喔! ^^