Как я могу использовать сбор данных из пожарного магазина в html

Question

В настоящее время я создаю сайт, используя облачный firestore в качестве базы данных. Прямо сейчас я могу запросить данные из моей коллекции, но это не сработало, когда я пытаюсь отобразить эти данные на моей html веб-странице.

const firebase = require("firebase/app")

require("firebase/firestore")

var firebaseConfig = {
    apiKey: "AIzaSyCxrJbfDOorE9H4E0I2O98tLftoxFAHNLU",
    authDomain: "school-bus-tracking-syst-3ff71.firebaseapp.com",
    databaseURL: "https://school-bus-tracking-syst-3ff71.firebaseio.com",
    projectId: "school-bus-tracking-syst-3ff71",
    storageBucket: "school-bus-tracking-syst-3ff71.appspot.com",
    messagingSenderId: "200434933461",
    appId: "1:200434933461:web:4cece32389af487c944c5c",
    measurementId: "G-Q9C278TWTV"
};
firebase.initializeApp(firebaseConfig);
var firestore = firebase.firestore();

const inputTextfield = document.querySelector("#contactnum");

const docRef = firestore.doc("driver/D001");
docRef.get()
    .then(function(querySnapshot) {
        querySnapshot.forEach(function(doc) {
            inputTextfield.innerText = doc.data().contactNo;
        });
    })
    .catch(function(error) {
        console.log("Error getting documents: ", error);
    });

, а мой файл HTML равен

<script src="https://www.gstatic.com/firebasejs/7.13.2/firebase-app.js"></script>
<script src="https://www.gstatic.com/firebasejs/7.13.2/firebase-firestore.js"></script>
<input type="text" id="contactnum">
<script scr = "./we.js"></script>

Я пробовал это, но у меня ничего не отображается на моем html веб-сайте. Заранее спасибо!