ocw/front/src/index.ts

const request = (resource: string, data: any) =>
  fetch(`/api/${resource}.shs`, {
    method: "POST",
    body: new URLSearchParams(data).toString(),
  }).then((res) => res.json());

window.addEventListener("load", () => {
  const login = document.querySelector(".login-form")!;
  login.addEventListener("submit", function (event) {
    event.preventDefault();
    const form = event.target as HTMLFormElement;
    request("login", {
      login: form.login.value,
      password: form.password.value,
    });
  });

  const register = document.querySelector(".register-form")!;
  register.addEventListener("submit", function (event) {
    event.preventDefault();
    const form = event.target as HTMLFormElement;
    request("register", {
      login: form.login.value,
      password: form.password.value,
      phone: form.phone.value,
    });
  });

  request("packages", {}).then((res) => {
    console.log(res);
  });
});