// Get references to DOM elements needed to solve problem:
var addTask = document.querySelector(".button-balanced");
var description = document.querySelector(".description");
var email = document.querySelector("[type=email]");
var date = document.querySelector("[type=date]");

// Set up click event handling function for button
addTask.addEventListener("click", function(){

  // Create an new "row" for data
  var div = document.createElement("div");

  // populate the "row" with the values from the text fields
  div.textContent = description.value + ", " + date.value + ", " + email.value;

  // Add the row to the document
  document.body.appendChild(div);
});

<form novalidate>
  <div class="list">
    <div class="list list-inset">
      <label class="item item-input" id="descriptions">
        <input type="text" height: "90" class="description" placeholder="Description ..." ng-model="describe">
      </label>
      <label input="email" class="item item-input" id="email" ng-model="email">
        <span class="input-label">Email</span>
        <input type="email">
      </label>
      <label class="item item-input" ng-model="date">
        <span class="input-label">Date</span>
        <input type="date">
      </label>
    </div>
    <button class="button button-block button-balanced" ng-click="insertData(describe,email, date); AddItem()">Add Task</button>

    <button class="button button-block button-assertive" ng-click="closeModal()">cancel</button>
  </div>
</form>