title: In Google sheets I have a form in my sidebar that is not submitting the data. What is wrong with my code?
body: <p>I'm new to coding and I wanted to make data entry more uniform in my worplace. And so I have been trying to create a html form in a sidebar and submit the resulting data to a speadsheet.
  I have my form and my sidebar working but no matter what I try or which tutorial I follow I can't seem to wrap my head around how to get the data from the html form to my spreadsheet.</p>
  
  <p>Here is the .gs</p>
  
  <pre class="lang-js prettyprint-override"><code>function onOpen(){
    SpreadsheetApp.getUi() 
       .createMenu('Menu CFC')
       .addItem('Ajout','showSidebar')
       .addToUi();
    showSidebar();
  }
  
  function showSidebar(){
    var html = HtmlService.createHtmlOutputFromFile('menuCFC')
    .setTitle('Mon menu CFC')
    .setWidth(300);
    SpreadsheetApp.getUi()
    .showSidebar(html);
  }
  
  function formCFCSubmit(form_data){
    var sheet = spreadsheetApp.getActive().getSheetByName('Feuille 1');
  
    sheet.([form_data.nom,form_data.numéro])
  }
  </code></pre>
  
  <p>and here is a simplified version of my html form for testing purpose.</p>
  
  <pre class="lang-html prettyprint-override"><code>&lt;!DOCTYPE html&gt;
  &lt;html&gt;
    &lt;head&gt;
      &lt;base target="_top"&gt;
      &lt;link rel="stylesheet" href="https://ssl.gstatic.com/docs/script/css/add-ons1.css"&gt;
   &lt;/head&gt;
    &lt;body&gt;
  
     &lt;form name="formAjoutCFC"&gt;
        &lt;div class ="block form-group"&gt;
        &lt;label for="Nom"&gt;Nom&lt;/label&gt;
        &lt;input type="text" name="nom" id="nom" placeholder="Nom" required&gt;
        &lt;/div&gt;
  
        &lt;div class ="block form-group"&gt;
        &lt;label for="Numéro"&gt;Numéro&lt;/label&gt;
        &lt;input type="text" name="numéro" id="numéro" placeholder="Numéro" required&gt;
        &lt;/div&gt;
  
        &lt;div class="block"&gt;
        &lt;button type="submit" class="action"&gt;Valider&lt;/button&gt;
        &lt;/div&gt;
  
        &lt;div calss="block"&gt;
        &lt;input type="reset"&gt;
        &lt;/div&gt;
     &lt;/form&gt;
     &lt;script&gt;
      document.querySelector("#formAjoutCFC").addEventListener("submit", //not sure about the #
      function(e)
      {
      e.preventDefault();    
      google.script.run.formCFCSubmit(this);    
      );
      &lt;/script&gt;
    &lt;/body&gt;
  &lt;/html&gt;
  </code></pre>
  
  <p>Any help would be welcome as I'm out of my depth at the moment ^^</p>