basic google calendar working

quickstart.html

@@ -10,12 +10,13 @@
     <!--Add buttons to initiate auth sequence and sign out-->
     <button id="authorize-button" style="display: none;">Authorize</button>
     <button id="signout-button" style="display: none;">Sign Out</button>
+    <button id="create-event">create</button>
 
     <pre id="content"></pre>
 
     <script type="text/javascript">
       // Client ID and API key from the Developer Console
-      var CLIENT_ID = '951578952608-igq1knaukc28hl3a7slj66l5lerijgue.apps.googleusercontent.com';
+      var CLIENT_ID = '951578952608-pnrc56tttl9dd2u67keg43hj5rhn6eid.apps.googleusercontent.com';
 
       // Array of API discovery doc URLs for APIs used by the quickstart
       var DISCOVERY_DOCS = ["https://www.googleapis.com/discovery/v1/apis/calendar/v3/rest"];
@@ -60,6 +61,7 @@
        */
       function updateSigninStatus(isSignedIn) {
         if (isSignedIn) {
+          console.log('run');
           authorizeButton.style.display = 'none';
           signoutButton.style.display = 'block';
           listUpcomingEvents();
@@ -133,5 +135,49 @@
       onload="this.onload=function(){};handleClientLoad()"
       onreadystatechange="if (this.readyState === 'complete') this.onload()">
     </script>
+
+    <script type="text/javascript">
+    console.log('hi');
+    var createBtn = document.getElementById('create-event');
+    createBtn.addEventListener("click", function () {
+    var event = {
+'summary': 'Google I/O 2015',
+'location': '800 Howard St., San Francisco, CA 94103',
+'description': 'A chance to hear more about Google\'s developer products.',
+'start': {
+  'dateTime': '2017-10-28T09:00:00-07:00',
+  'timeZone': 'America/Los_Angeles'
+},
+'end': {
+  'dateTime': '2017-10-28T17:00:00-07:00',
+  'timeZone': 'America/Los_Angeles'
+},
+'recurrence': [
+  'RRULE:FREQ=DAILY;COUNT=2'
+],
+'attendees': [
+  {'email': 'lpage@example.com'},
+  {'email': 'sbrin@example.com'}
+],
+'reminders': {
+  'useDefault': false,
+  'overrides': [
+    {'method': 'email', 'minutes': 24 * 60},
+    {'method': 'popup', 'minutes': 10}
+  ]
+}
+};
+
+var request = gapi.client.calendar.events.insert({
+'calendarId': 'primary',
+'resource': event
+});
+
+
+request.execute(function(event) {
+appendPre('Event created: ' + event.htmlLink);
+});
+});
+    </script>
   </body>
 </html>