This is the best way to learn a new programming language by build projects.
For this projects I have used these libraries,
It took me only a few minutes to finish this background color changing program. All I had to do was make a color palette and then attach a 'click' event listener to the button. A different background color would display once the button was pressed.
This project requires you to choose the value of the input element from the DOM. When you click the "Submit" button, the message you typed into inputted field will appear in the "Last Message Delivered" section. This project was rather simple for me.
This project was quite simple for me. It is, after all, a beginner's program. The concept was to click on one of two buttons to count the number of elements on the page.
This project might simply be performed with an array of objects, but I have to add a layer of complication (for beginners) by utilizing a Constructor function.
dataset attribute was used to pick items from the project's store in this project. This was only my second use of it here, and I now have a better knowledge of how to use it to obtain data from HTML components. “The
dataset field on the
HTMLElement interface gives you read/write access to all of the element's custom data attributes
To put it another way, to obtain HTML elements with a
HTMLElement.dataset.user to return the string "hello". I also learnt how to use the
event.PreventDefault() function to prevent in-page links from defaulting to their default behavior.
When a link lower on the page is clicked, the normal action brings the visitor to the top of the page. Previously, I just used
event.PreventDefault() to prevent form submissions from defaulting to their default behavior.
You can use this projects to learn, improve your skills or for your portfolio.
Feel free to visit my YouTube channel:
Follow me on Instagram where I'm sharing lots of useful resources!