What you will learn…..
- Tip Calculator : Use Math to calculate a value. Get an input from the user and use it in the calculation. Update the HTML to show the final value.
- Welcome messages : Get input value and output to the screen a welcome message to the users name that is entered into the input field.
- Rock Paper Scissors Game : Who wins ??? Rock Paper Scissors. Paper > Rock > Scissors > Paper > Rock. Pick one at random – see who wins
- Functionator Function practice : Learn and explore more about functions. Select movement by key presses, run the sequence of movements. Remove movements by click on the step.
- Countdown Timer : Countdown Timer – Pick a date and see how much time is left with a dynamically updating counter. Local Storage to store end time. Time Interval and clear for website updates
- High Low Card Game : Create an interactive simple card game which the user needs to select either higher or lower guesses on the following cards using the current card as the value. Build a deck of cards array and objects construction. Create elements. Add style and CSS. Random cards. Check win/loss
- Word Finding Game : Word scrambler. Hover over the red boxes to find scrambled words. Click the one that matches the select this word value.
- Fun with the Document Object Model : clone elements – update element style and move elements. Random Color Generator. Create elements, move elements, remove elements.
- Star Rating project : Event triggers update element classes. Change styling on hover and on click. Store results and display to the user.
- Popup message : Click an element, shows modal popup message with close button. Message contents from element attributes.
Who this course is for:
- Web developers
- HTML and CSS coders