JSFiddle - React, Tailwind, and code Playground

by ksumarine

HTML

<html>
      <body>
        <input id="name" value="Jenna" />
        <input id="address" value="840 9STREET" />
        <input id="postalcode" value="T2P 2T4" />
        <input id="phone" value="111-111-1111" />
        <input id="email" value="[email protected]" />
        <button id="clickMe">click me</button>
      </body>  
      <script>
        var objectarray = [];
        var button = document.getElementById("clickMe");

        function addToArray() {
          var customerobject = {};
          customerobject.name = document.getElementById("name").value;
          customerobject.address = document.getElementById("address").value;
          customerobject.postalcode = document.getElementById("postalcode").value;
          customerobject.phone = document.getElementById("phone").value;
          customerobject.email = document.getElementById("email").value;
          objectarray.push(customerobject);
          console.log(objectarray);
        }
        button.addEventListener("click", addToArray);
      </script>
    </html>