Coder Social home page Coder Social logo

jquery-salary-calculator's Introduction

Project Name

Project Instructions, this line may be removed once you have updated the README.md

Description

This project is called Salary Calculator and has two parts on the page. On the top of the page, with a header of Add Employee, will be input boxes for employee information. Beneath this with a header of Employees will be a table for the employee information.

An H1 tag was created for the "Salary Calculator" title of the site.

This project requires the design of a webpage that will take in employee information which consists of employee first name, last name, id, title and annual salary. There should be five fields to enter this information and a button to submit this information to a table on the DOM.

An H2 tag was created for "Add Employee" and five input fields were created beneath the H2 tag. A submit button was created to have the input data displayed on the DOM and the fields are emptied after the button is clicked.

The table on the DOM should have a row for each employee information and there should be a delete button to remove that row of customer information from the DOM. The table on the DOM should have six columns with the following table headers: First Name, Last Name, ID, Title and Annual Salary. There is no header for the column where the delete button will be.

An H2 tag was created for "Employees" with the table beneath the tag for the empoyee information. The table consists of six columns with the headers of First Name, Last Name, ID, Title and Annual Salary. There is no header for the sixth column which has a delete button for each employee's data.

There is a field for the Monthly Total. The total is a sum of the annual saleries of the employees calculated to a monthly total. If the monthly total exceeds $20,000.00 the field should have a background color of red.

A monthly total field was created which is a total of the annual salaries divided by two to give a monthly total. The decimal was changed to two fixed places. A check is in place to check the monthly total is greater than $20,000.00 the backgkround color will change to red.

A stretch goal is that when the employee data is removed the monthly total is adjusted.

Your project description goes here. What problem did you solve? How did you solve it?

Additional README details can be found here.

jquery-salary-calculator's People

Contributors

meyerj19 avatar

Watchers

 avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.