Why aren't they working?

Question

https://code.sololearn.com/WxbCXa4VSZ5n/?ref=app
https://code.sololearn.com/WQMvZmvVI2ix/?ref=app

Answer 1

Speech synth didn't work for me on mobile (works in browser).

While I poke at this, note there are demos in CodePlayground that work (e.g. I have one, I bet others work too) if you search for "speech".

Answer 2

Code 1: A reference / tutorial including CSS properties:
https://tink.uk/using-the-web-speech-api-to-simulate-css-speech-support/

Code 2: Solution: both src= AND content cause trouble.

<script> tags with both a src= AND content are unreliably supported (and prohibited in HTML5):
https://stackoverflow.com/questions/6528325/what-does-a-script-tag-with-src-and-content-mean

Close the script tag that imports an external script and create an additional block for your additional script:

<script src="..."></script>
<script>
// your code in a separate block
</script>

Answer 3

I see you updated but alas, you omitted the closing tag for the first <script> :)

Answer 4

still not working

Answer 5

thanks