23-Speech-Synthesis/index.html

<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>Speech Synthesis</title>
  <link rel="stylesheet" href="style.css">
  <link rel="shortcut icon" href="favicon.png" type="image/x-icon">
  <script src="main.js" defer></script>
</head>

<body>
  <div class="voiceinator">
    <h1>The Voiceinator 5000</h1>

    <select name="voice" id="voices">
      <option value="">Select A Voice</option>
    </select>

    <label for="rate">Rate</label>
    <input type="range" name="rate" id="rate" min="0" max="3" value="1" step="0.1">

    <label for="pitch">Pitch</label>
    <input type="range" name="pitch" id="pitch" min="0" max="2" step="0.1">

    <textarea name="text" id="text">Hello! I love JavaScript &#10084;&#65039;</textarea>

    <button id="stop">Stop!</button>
    <button id="speak">Speak</button>
  </div>
</body>

</html>