Criando páginas html com scripts

Front-end JavaScript
#1

Alguém poderia me ajudar? estou tentando desenvolver uma página HTML que usa o script da plataforma google para criar e abrir um documento no google drive, no entanto não estou conseguindo, alguém poderia apontar o que estou errando?
Segue o código:

<!DOCTYPE html>
<html lang="en">
  <head>
      <meta charset="UTF-8">
      <title>ABA</title>
       <script>
          function criarDocumet(){
            var st = document.getElementById['student'].value; 
            var te = document.getElementById['teacher'].value;
            var wo = document.getelementById['work'].value;
            
            var doc = DocumentApp.create("Documento" +st +te +wo);
          }
      </script>
  </head>
  <body>
    <h1><p align = "center">ABA</p></h1>
    <div>
      <form action="criarDocument" method="POST">
        <h2><p align = "center"> Student:</p></h2><p align = "center">
        <input type="text" name="estudante" id="student">
        <h2><p align = "center">Teacher: </p></h2><p align = "center">
        <input type="text" name="professor" id="teacher">
        <h2><p align = "center">Work Name</p></h2><p align = "center">
        <input type="text" name="trabalho" id="work">
        <br><br>
        <input type="submit" onclick="criarDocument()" name="startDoc" id="documento" value="start Doc">
        <input type="submit" onclick="criarDocument()" name="startSheet" id= "sheet" value="start Sheet">
        <input type= "submit" onclick="criarDocument()" name= "satartApresentation" id= "presentation" value= "start Presentation">
      </form>
    </div>
  </body>
</html>