JSFiddle - React, Tailwind, and code Playground

HTML

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script>
<div style="margin:0 auto;text-align:center">
  <!-- Div align in the middle -->
  <div style="margin-left:auto;margin-right:auto;text-align:center">
    <form>
     Description:<br>
     <input type="text" id="description" onchange="saved()"><br>
        <br>
        <br>
      Due Date:<br>
     <input type="date" id="due_date" onchange="savedd()" ><br>
        <br>  
        <br>
      Reminder Date: <br>
     <input type="date" id="reminder_date" onchange="saverd()"><br>
    </form>
  </div>
  <div class="result">PlaceHolder</div>
</div>

JavaScript

function saved() {
    var description = document.querySelector("#description").value;
    document.querySelector(".result").innerHTML = description;
}

window.saved = saved;