#Buttons, how to style and functional please.
Hi everyone, I am Aida. A Newb. Just started coding class 6 weeks ago. I have a app assignment, finding it hard to style and then add functionality to the buttons. I have one button that has a 3,2,1 count down. Tells you to breathe in and then out 3 x times. With different sentences each time .
Then I have five buttons with the names of five senses to display either colors or image related to that type of senses( touch, taste, etc..) Help please. I know CSS is to style and JavaScript to function but I'm making a mess
17 Replies
Do you have a quick mockup you can show? An image that shows what you're trying to accomplish?
You could do this in paint but I recommend using Figma[https://www.figma.com/] (that's industry standard to design web pages but you can use it for quick things like this too)
Would help us understand what exactly you're trying to accomplish
Hi Vince , thanks yes I have some images here.
For class we're using visual studio code
The let's go button supposed to be a 3,2,1 count down then gives statements to help with breathing.
I don't think this tells people how the buttons should look when styled. You're just describing the functionality
Do you know how to do dom manipulation with javascript
No I'm still learning, my teacher sent me some code to start with . It's an online class. I just don't know where to start the code.
Just need some sites , so I can learn. And put the work in.
I would suggest you learn dom manipulation/javascript from somewhere if you have the time.
If you don't I can just give you watered down instructions
Okay awesome, yeah been watching Kevins channel, and looking for other people. A lot are just quick fixes
The teacher really should've taught javascript basics before this
Do you have time then?
It was a six week program, and it just did basics and then keep kinda advanced fast. Ohh yeah I got time.
MDN Web Docs
Dynamic scripting with JavaScript - Learn web development | MDN
JavaScript is a huge topic, with so many different features, styles, and techniques to learn, and so many APIs and tools built on top of it. This module focuses mostly on the essentials of the core language, plus some key surrounding topics — learning these topics will give you a solid basis to work from.
This should cover the basics of javascript
We did a little CSS and JavaScript but not enough to understand
Okay awesome thank you Soo much
If you prefer video then a link to scrimba is down at the bottom of page
This module is a part of larger course about front end development. I've only linked the javascript one since that's what you need for the functionality right now.
Thanks gonna check it out now