title: Restore textfield's default value when user clicks the reset button JavaScript
body: <p>I'm trying to get the textfields to return to their default value when the user clicks the Reset button.</p>
  
  <p>All it does now when the user clicks the Reset button is replacing the user's text with ''.</p>
  
  <p>How can I do it by using pure JavaScript (no jQuery)?</p>
  
  <p><strong>HTML:</strong></p>
  
  <pre><code>&lt;p&gt;Type the first number&lt;/p&gt;
  &lt;input id="first" type="text" placeholder="First Number" /&gt;
  &lt;p&gt;Type the second number&lt;/p&gt;
  &lt;input id="second" type="text" placeholder="Second Number" /&gt;
  &lt;button id="aButton"&gt;Apply&lt;/button&gt;
  &lt;button id="rButton"&gt;Reset&lt;/button&gt;
  &lt;div id="add"&gt;&lt;/div&gt;
  </code></pre>
  
  <p><strong>JAVASCRIPT:</strong></p>
  
  <pre><code>app.onactivated = function (args) {
          var aButton = document.getElementById("aButton");
          aButton.addEventListener("click", buttonClickHandler, false);
  
          var rButton = document.getElementById("rButton");
          rButton.addEventListener("click", buttonResetHandler, false);
  
      };
  
  ...
  
  function buttonResetHandler(evetInfo) {
  
          document.getElementById("first").innerText = '';
          document.getElementById("second").innerText = '';
  
      }
  </code></pre>