title: Changing the text back and forth using a button with pure JavaScript
body: <p>I already made the button's text change into "RETURN" whenever I first click on it, and the text inside the p tags changes from "ABC" to "Lorem ipsum". Is there any way that I can change the text back to "ABC" from "Lorem ipsum" using the "RETURN" button with JavaScript only?. Here's my code</p>
  
  <p><div class="snippet" data-lang="js" data-hide="false" data-console="true" data-babel="false">
  <div class="snippet-code">
  <pre class="snippet-code-js lang-js prettyprint-override"><code>var text = document.getElementById("info");
  var btn = document.getElementById("btn");
  btn.addEventListener("click", function() {
    text.innerHTML = "Lorem ipsum";
    btn.innerHTML = "RETURN";
  });</code></pre>
  <pre class="snippet-code-css lang-css prettyprint-override"><code>body {
    margin: 0;
    text-align: center;
    font-size: 20px;
  }</code></pre>
  <pre class="snippet-code-html lang-html prettyprint-override"><code>&lt;p id="info"&gt;ABC&lt;/p&gt;
  &lt;button id="btn"&gt;CLICK FOR MORE&lt;/button&gt;</code></pre>
  </div>
  </div>
  </p>