firebase-form sample code2

firebase-form-TS

"use strict";

// Firebase 初期化
import * as firebase from "firebase";
const config = {
  apiKey: "api-key",
  authDomain: "project-id.firebaseapp.com",
  databaseURL: "https://project-id.firebaseio.com",
  projectId: "project-id",
  storageBucket: "project-id.appspot.com",
  messagingSenderId: "sender-id",
};
firebase.initializeApp(config);
export const functions = firebase.functions();

// フォームの値取得
function getVal(id: string): string {
  const element: HTMLInputElement = document.getElementById(
    id
  ) as HTMLInputElement;
  return element.value;
}

// フォーム送信
function submitForm(e: any): void {
  e.preventDefault();

  const getName = getVal("name");
  const getMail = getVal("email");
  const mailer = functions.httpsCallable("sendMail");
  mailer({ name: getName, email: getMail })
    .then(() => {
      alert("お問い合わせ内容を送信しました!");
    })
    .catch(error => {
      console.log(error);
    })
    .finally(() => {
      console.log("処理が実行されました");
    });
}

document.getElementById("contactForm").addEventListener("submit", submitForm);