itsnooshin / counter-js-practice-01

A practice using the Dom, which is created using HTML, CSS, and JavaScript

Home Page:https://itsnooshin.github.io/counter-js-practice-01/

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

Counter

This is an essential project created by Dom Manipulation. There are three options: increasing, resetting, and decreasing.

Rec.0007.mp4

overview

The project is part of the freecodecamp project. For projects with Javascript, I didn't know how to begin, so I started with freecodecamp and used these tutorials. In this project, There are three options: increasing, resetting, and decreasing. The number will increase when you click on the increase button. It will also increase the number. By clicking on the reset button, all numbers are converted to 0, and by clicking on the decrease button, the number is decreased. For each position, I also add three colors: green when the number is greater than zero, blue when it's zero, and red when it's a negative number.

Built with

  • Semantic HTML5 markup
  • CSS custom properties
  • Flexbox

Useful resources

author

About

A practice using the Dom, which is created using HTML, CSS, and JavaScript

https://itsnooshin.github.io/counter-js-practice-01/


Languages

Language:JavaScript 36.9%Language:CSS 36.4%Language:HTML 26.7%