<script src="https://netopa.github.io/hash.js/hashtag_1.0.1.js"></script>
<button id="btn" onclick="read();">READ THE MESSAGE...</button>
body{
  display : flex;
  text-align: center;
}
button{
  border: none;
  background: lightgreen;
  padding-top: 10px;
  padding-bottom: 10px;
  padding-left: 5px;
  padding-right: 5px;
}

function read(){
  var message = "this is an example of speech synthesis in English. you can even change the message variable to see if it works or not ,stop using jQuery use hash dot JS";
hash().read(message);
  }

External CSS

This Pen doesn't use any external CSS resources.

External JavaScript

This Pen doesn't use any external JavaScript resources.