About this project

This is a'speak number guessing' game in which the user interacts with the website via the 'SpeechRecognition' API. This web application was created with HTML CSS and Pure JavaScript.

How it works

First, we need a random number (between 1 and 100), and then the user will speak a number. If both match, the guess is correct, and a congratulations message appears ('body.documnet.innerHTML'). If the user says higher, a text will appear indicating that the user's guess number is greater than the computer's random number. similar to the lower number case

I used thespeechRecognition API for speech recognition.

(All of the useful links that helped me build this project when I got stuck are listed in the reference section below.)

Screenshots

(01)

(02)

Code By

Arup Mondal (@mondalCodeHub)

Reference & Support

Brad Traversy's (@bradtraversy) course was a huge help in developing this web application.

SpeechRecognition API : https://developer.mozilla.org/en-US/docs/Web/API/SpeechRecognition

Check Browser compatablity : https://developer.mozilla.org/en-US/docs/Web/API/SpeechRecognition#browser_compatibility

StackOverflow HELP : https://stackoverflow.com/questions/56570581/uncaught-typeerror-speechrecognition-is-not-a-constructor-at-app-js5