Send Process Title

<form id="send_process_title_trigger">
  <input type="text" name="title" id="qTitle">
  <input type="submit" value="Send">
</form>
<div id="send_process_title_log"></div>

<script>
const strStartUrl = "https://example.questetra.net/System/Event/MessageStart/99/0/start";
const strKey      = "GdixCgUffsvDBqnsOPPQUVgWtmwEbsjC"; // 
const strIdForm   = "#send_process_title_trigger";
const strIdLog    = "#send_process_title_log";

const elTriggerForm = document.querySelector ( strIdForm );
elTriggerForm.addEventListener ( 'submit', function(ev) {
  ev.preventDefault();
  let elOutput = document.querySelector( strIdLog );
  let objFormData = new FormData( elTriggerForm );
    // https://developer.mozilla.org/docs/Web/API/FormData/Using_FormData_Objects
  objFormData.append ( 'key', strKey );
    // https://developer.mozilla.org/docs/Web/API/FormData/append
  let objXHR = new XMLHttpRequest();
    // https://developer.mozilla.org/docs/Web/API/XMLHttpRequest
  objXHR.open( "POST", strStartUrl, true ); // "true": async (default)
  objXHR.send( objFormData );
  elOutput.innerHTML = "... waiting 'load' event";
  objXHR.onload = function( oEvent ) {
    if ( objXHR.status == 200 ) {
      elOutput.innerHTML = "Sent!";
    } else {
      elOutput.innerHTML = "Error " + objXHR.status;
    }
  };
}, false);
</script>