Member-only story

Speech text Reader with Javascript

YvonneDev
3 min readDec 27, 2020

--

course from Brad Traversy

Github code

Features:

web speech API

HTML

toggle-button for hiding and showing the text box

the select option list will fetch from API

textarea value pass into the message text when reading

the main show up the list of data (images and text)

CSS

hide the text box outside top of client Page and position turns down when adding classlist show

when the box is active , the box-shadow shows up

and the image fit in the box

--

--

YvonneDev
YvonneDev

Written by YvonneDev

❤️Front-end Web Development self-taught *share what I learned*

No responses yet