title: push new items to an object from fields
body: <p>actually i'm about to create a calendar with events, and i want to add new events with a form, let me explain.</p>
  <p>i have:</p>
  <pre class="lang-js prettyprint-override"><code>let eventsArray = [
              {
                  id: 'my event name',
                  date: '2021/08/23',
                  content: 'my events description',
              },
          ];
  
  </code></pre>
  <p>result and demo:
  <a href="https://jsfiddle.net/er73av8h/" rel="nofollow noreferrer">https://jsfiddle.net/er73av8h/</a></p>
  <p>Now, i want to populate this object through 3 field maybe (id, date and content), but i'm not sure on how i can do this.</p>