title: How would i create a javascript button that shows text on click
body: <p>How can i make this button display paragraph text when clicked?<br>
  The <code>onClick</code> is not being recorded and I cannot even see the alert message when I click the button.</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>function displaySong1() {
    alert("asdasf");
  }</code></pre>
  <pre class="snippet-code-css lang-css prettyprint-override"><code>.button {
    background-color: #8C6D09;
    color: white;
    padding: 16px 32px;
    display: inline-block;
    margin: 4px 2px;
    -webkit-transition-duration: 0.4s;
    /* Safari */
    transition-duration: 0.4s;
  }
  
  .button1 {
    background-color: #8C6D09;
    color: #FFF;
  }</code></pre>
  <pre class="snippet-code-html lang-html prettyprint-override"><code>&lt;button class=".button .button1" onClick="displaySong1()"&gt;Easy&lt;/button&gt;</code></pre>
  </div>
  </div>
  </p>