Skip to content

Aklilu-Mandefro/javascript-application-for-beginners

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

7 Commits
 
 
 
 
 
 
 
 

Repository files navigation

✍️ JavaScript Application for Beginners

If you are a javascript beginner, this beginner-friendly JavaScript application will teach you the basics of creating HTML structure, working with CSS, and finally adding dynamic behaviour using JavaScript.

You can learn the following concepts of web development from this application:

  • Basic DIV styling with border-radius and centering
  • Laying out Buttons
  • Usage of Template Literals
  • Adding Click Handlers
  • DOM manipulation to set values

How to run the project

Running this javascript project is as easy as ABC. Just open the 'index.html' file in your browser.

Preview of the application

Task for You: Complete the QUIZ

Alright, so you have learned how to create a color changer project using HTML, CSS, and plain JavaScript. Let's take it to one level further. Here is a task for you to complete.

  1. Add another button called Random beside the existing buttons.
  2. When user click on the Random button, you must add a random background colour to the circle.
  3. You should reuse the existing random() function we have seen in the index.js file.

If you complete this task and want me to review your code, feel free to create a LinkedIn post using the link to your code by tagging me. I'll make sure to review and comment.

💙 If you like this project, give it a ⭐ and share it with friends who are absolute beginners in javascript, HTML, and CSS!

About

This beginner-friendly JavaScript application will teach you the basics of creating HTML structure, working with CSS, and finally adding dynamic behavior using JavaScript.

Topics

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published