@Sadiya

This is the progress I made so far and I know I have a lot more to work on but I wanted to come on here and show you what I have so far and I think I might take another approach because I think there is a better way to do this and a better way to use less AI.

And when I was recording this the 1st time I was recording the white background of this project lol.

So I decided to start over and this is what I got so far I have completed all the code but I am trying to figure out when nothing is happening when the button is clicked.

I just wanted to come on here and share what I have done so far and I outlined and currently still doing the css but I want to take a pause on it and work on the js.

I added a counter, so every time the circles are popped and unpopped the counter will go up.

I added a button that changes the background color each time it is clicked and I am thinking of adding more and I have something in mind but I will not say until its done.

I did it. I resizing it, added more circles, and I found a downloaded able but I am not done yet I plan on adding more to this pop-it, but it is fully works. And the sound could be loud so keep that in mind cause I know it is loud for me and I will see if I can find an alternative popping sound for this.

This is what I have so far. I plan on resizing it and all but I am mostly done with the css and js but I need to find a audio sound and for some reason pixabay is not letting me download so i have to do some research to find a sound.

I am only doing a little bit of code today since I am not feeling well but I did finish the HTML and started the CSS. Here is the background color I will use.

I just added the JS and I added a button that changes the background on the other half of the screen. And don’t mind the background noise.

I have restarted this project and I have already did the html and css

It has been a while since I made a project here and the main reason was that I was making projects in Macondo but since that is over I can finally put all my attention to Stardance. So for this project I am going to start all over cause I don’t remember what I did with this project but I do remember I had an ongoing issue with the speech that I plan on fixing. So I have already started over on this project. Here it is just the outline.

Okay so I didn’t realize I have an hour logged and I total forgot about this project but I am taking a different approach and making a different project but still uses speech.

After solving my issues, I can say that this is working and I did take out some of the features I added before which were the stop button and listen button but I added a new feature which is a dark mode button or color changer button that changes the background.

Based on the feedback I got I tried to fix the speak and stop buttons so hopefully it works for others

I added two more buttons

I am done with the JS and I figured out why the voices weren’t showing up and now I am in the process of adding more features. I know it looks cut off but this will due until I’m done adding the features

I am done with the HTML and CSS of this project. I have added the title, textbox, listen button, voices selector and now I will start the JS and add the voices for the selector.