UserCredential.js

navigator.credentials.get({
      password: true
    }).then(function(cred) {
      console.log(cred)
      if(cred){
        $("#status").append("<li>Login Credential Found</li>")
        fetch('login.php', {
          method: 'POST',
          credentials: cred
        }).then(function(res) {
          return res.text();
        }).then((text) => {
          $("#status").append("<li>Auto Login [" + cred.id + "] Complete</li>")
        })
      }
    })

    document.querySelector('#loginForm').addEventListener("submit", e => {
      e.preventDefault();
      if (navigator.credentials) {
        console.log(e.target)
        let form = document.querySelector('#loginForm')
        let c = new PasswordCredential(e.target)
        navigator.credentials.store(c)
        fetch('login.php', {
          method: 'POST',
          credentials: c
        }).then(function(res) {
          return res.text();
        }).then((text) => {
          $("#status").append("<li>Login Complete</li>")
        })
      }
    })