Hello I am trying to take the values of a form, turn them into an Object, then display said object at the bottom of the page. I eventually want to learn to send and access from API's. But I want to see my object appear first.

```
<!doctype html>
<html>
<body>
<form id="submitF" class="formClass" >

    <input id="inp1" type="text" /></br></br>

    <input id="inp2" type="text"/></br></br>

    <input id="inp3" type="text"/> </br></br>

    <input id="inp4" type="text" /> </br></br>

    <input id="inp5" type="text"/></br></br>

      <button id="btn" type="submit" OnClick=button() > Submit </button>
</form>

<script>
var myObject = new Object(); {
inp1 = document.getElementById('inp1');
inp2 = document.getElementById('inp2');
inp3 = document.getElementById('inp3');
inp4 = document.getElementById('inp4');
inp5 = document.getElementById('inp5');
}

var button = function(myObject){

for(var i = 0; i < apartment.length; i++ ){
console.log(myObject(i));
}

};

</script>

```