title: How do I implement Toastr JS?
body: <p>I am new to JS and not sure how to make this work on my page.  Below is what I have.  How must I make this alert show?</p>
  
  <p>I added the source correctly but not sure how to render the alert.  </p>
  
  <pre><code>&lt;!doctype html&gt;
      &lt;html&gt;
      &lt;head&gt;
      &lt;title&gt;Toast&lt;/title&gt;
      &lt;link href="toastr.css" rel="stylesheet"/&gt;
      &lt;script src="toastr.js"&gt;&lt;/script&gt;
      &lt;script src="http://code.jquery.com/jquery-1.9.1.min.js"&gt;&lt;/script&gt;
  &lt;script src="http://code.jquery.com/jquery-migrate-1.2.1.min.js"&gt;&lt;/script&gt;
      &lt;script&gt;
      $(document).ready(function() {
      //toastr.info('Are you the 6 fingered man?')
  
  
      Command: toastr[success]("   ", "Settings Saved!")
  
      toastr.options: {
      "debug": false,
      "positionClass": "toast-top-right",
      "onclick": null,
      "fadeIn": 300,
      "fadeOut": 1000,
      "timeOut": 5000,
      "extendedTimeOut": 1000
      }
      });
      &lt;/script&gt;
     &lt;/head&gt;
      &lt;body&gt;
      &lt;/body&gt;
      &lt;/html&gt;
  </code></pre>