GithubHelp home page GithubHelp logo

nick7421 / weekend1_salary_calc Goto Github PK

View Code? Open in Web Editor NEW

This project forked from primeacademy/weekend-js-salary-calculator

0.0 1.0 0.0 127 KB

Employee Salary Calculator

JavaScript 57.97% HTML 36.33% CSS 5.70%

weekend1_salary_calc's Introduction

Weekend Challenge 1: Salary Calculator

Create an application that records employee salaries and adds salaries up to report monthly costs.

Topics Covered

  • JavaScript
  • jQuery - Selectors, append, and event handling

Assignment

The application should have an input form that collects employee first name, last name, ID number, job title, annual salary.

A 'Submit' button should collect the form information, store the information to calculate monthly costs, append information to the DOM and clear the input fields. Using the stored information, calculate monthly costs and append this to the to DOM. If the total monthly cost exceeds $20,000, add a red background color to the total monthly cost.

Create a delete button that removes an employee from the DOM. For Base mode, it does not need to remove that Employee's salary from the reported total.

Files Provided

No files have been provided. Fork and clone this repository or create a new GitHub repository to get started. Make sure to commit regularily!

Wireframe

Wireframe

Stretch Mode

Create an Employee class to store the information about each new employee in an Array.

Add styling or extra functionality that fits with the theme of this assignment.

Once the employee is deleted, update the total spend on salaries account for this employee's removal. This will require that the logic knows which element was removed. You will need to use .text() as a getter or look into jQuery's .data() function. This is tricky!

Reminder About Modes

Above, we introduced the concept of levels of difficulty. "Mode" is how we will typically refer to each level. Below is a brief explanation of

  • what to expect when attempting each mode
  • if they are required or not
Mode Description
Base required
Stretch optional, stretches your understanding and may require additional research

Assignment Submission

Check in your repo, then turn in your work via the Prime Academy Assignment Application at http://primeacademy.io, as usual and don't hesitate to hit up the Slack channel as needed!

weekend1_salary_calc's People

Contributors

huckbee avatar nick7421 avatar christopher-black avatar

Watchers

James Cloos 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.