Skip to content

FuBootCamp/js-payroll-manager

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

5 Commits
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

EMPLOYEE PAYROLL TRACKER

Description

Programming in JavaScript is new to me.
I learned to program a long time ago and I thought it wouldn't be that hard to learn a new language, but things have changed, and the way JavaScript works is very different.
By developing this project I'm learning how HTML and CSS work with JavaScript, but mostly I'm discovering its potential.

I developed this project to:
    - Practice and consolidate my knowledge in JavaScript.
    - Understand how JavaScript can store data temporarily and manipulate it to generate information.
    - Deepen in the concept of arrays, objects and arrays of objects.
    - Understand how functions are declared and how they are called in the different parts of the program.

The challenge consists of temporarily storing the data of "n" employees so that through the startup code a matrix of employees is displayed on the web page, and through the manipulation of the data, the information required to be presented on the console can be generated.

During this project I learned:
    - How to define and manipulate an array of objects.
    - How to return a value from a function.
    - How to use the WHILE statement for a loop.
    - How to generate a random number in a given range.
    - How to display messsage in the console.

How to use

URL >> https://fubootcamp.github.io/js-payroll-manager/

Home screen Home screen.

Click on the button Add Employees to start capturing employee data Enter firstname, lastname and salary of the employee. Click on ACEPTAR for each field Click on the button ACEPTAR to add another employee, whe you finish press CANCELAR button Add another employee button screen.

The final screen is show with a table of employees Final screen.

To see the message on the console use Chrome DevTools. On the project page give right-click to show the menu, select Inspect (Inspeccionar) and click on the Console tab. [You can also press Command + Option + C (Mac) or Control + Shift + C (Windows) to open the Chrome DevTools screen]. Final screen and the menu of devtools.

¡Final screen with dev-tool console! Final screen and  console.

About

challenge 3 JavaScript employee payroll tracker

Resources

License

Stars

0 stars

Watchers

1 watching

Forks

Releases

No releases published

Packages

 
 
 

Contributors