<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" /> <meta http-equiv="X-UA-Compatible" content="ie=edge" /> <title>Browser speech recognition</title> <link rel="stylesheet" href="./style.css" /> </head> <body> <header> <h1>Browser speech recognition</h1> </header> <main> <button id="button">Start listening</button> <div id="result"></div> <p id="message" hidden aria-hidden="true"> Your browser doesn't support Speech Recognition. Sorry. </p> </main> <footer> <p>Built with 🎙 by <a href="https://twitter.com/philnash">philnash</a></p> </footer> <script> // Your code goes here </script> </body> </html>