Thanks to visit codestin.com
Credit goes to github.com

Skip to content

Nikhil9Jadhav/html-css-js

Repository files navigation

html-css-js

25 Basic Projects in Javascript

Date : 6 Apr 2022

Project 1 Completed ColorChange

Learn about sytling using Js and document object

Project 2 Completed HexColorGenerator

Animation in CSS
Flex and alignment

Date : 8 Apr 2022

Project 3 Completed RandomQuoteGenerator

Browser responsiveness using media query
Using dictionary in javascript to store key and value pairs

Date : 10 Apr 2022

Project 4 Password Generation

Struggle to handle responsiveness of the page (task is kept as pending)
Learn how to select a input field using document.querySelector()

Date : 11 Apr 2022

Project 5 Counter App

    Simple counter app
    Did some CSS practice with this project.

Date : 12 Apr 2022

Project 6 Invoice Creator

    This is little bigger in scope and getting to learn css
    in depth and
    Also in js some new things like localstorage.
    This project main part is done now improvements
    from design perspective and some js logic is pending"

Date : 15 Apr 2022

Project 7 CorousalEffect

This code logic is similar to counter app.
Wrote logic to give a courasal effect to display all the reviews
cards by using forward and backward arrow.
Also added a surprise me button which displays a random review card
Randomness was added using Math.random() method.

Date 15 Apr 2022

Project 8 Navbar Toggle.

In this project I learned how fetch classes of the elements
using classList method which returs list of all the classes present on that element.
Using this we can toggle (add/remove) classNames from an element to give different effects to that particular element.
In this project we hide and unhide the list on the navbar
You can use if else for logic or direct a toggle method which takes
a class as input (which needed to be added on removed on button event.)

Date 24 Apr 2022

Project 9 FAQ Toggle.

Added FAQLogic project.
Learn how to traverse the dom top to bottom and vice versa.
Learn how to add event listener on multiple buttons (i.e by looping eace button apply the eventListener)
Learn toggle logic to show FAQ and hide the text using a button click event.

About

25 Basic Projects in Javascript

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published