GithubHelp home page GithubHelp logo

the-amber-joy / prime_weekend_01 Goto Github PK

View Code? Open in Web Editor NEW
0.0 1.0 0.0 119 KB

Practicing jQuery and forms

Home Page: http://the-amber-joy.github.io/prime_weekend_01/

HTML 36.71% JavaScript 52.97% CSS 10.33%

prime_weekend_01's Introduction

prime_weekend_01

This project successfully meets the basic requirements of logging each employee's information, and adding those results to the web page, while also having the console return the budget requirement for all monthly salaries as the total entries are updated. Additionally, "Hard Mode" requirements have been met by adding a delete button to each section appended to the DOM, which will remove only that section from the DOM.

Project currently stalled at "Pro Mode" which I have not begun coding for yet.

Hey Thetas!

For your weekend challenge, you will need to create an application that adds employee salaries so that a company knows how much they are spending each month in salary.

The application should first have an input form that collects: The Employee's First and Last name The Employee's ID Number The Employee's Job Title The Employee's Salary (Yearly) The form should have a submit button that clears out the form and your logic should store that information. Then, that information should be appended to the DOM so that the user of the application can see the information they just entered.

Finally, your logic should calculate all of the employee salaries and report back what the monthly cost of salaries is.

////////////DONE THIS FAR////////////

Hard Mode Create a delete button that removes an employee from the form. Note that in hard mode, it need not remove that Employee's salary from the reported total. (Note, you will need to look up the '.remove()' jQuery function).

Pro Mode Once the employee is deleted, also update the total spend on salaries to discount the removed employee's salary. This will require that the logic knows which element was removed. You will need to stretch yourself for this one. I also recommend that you look into jQuery's .data() function to help complete this. Note, you will need to do something both when the employee is added and when they are deleted to make your application 'smart'.

Good Luck, have a great weekend!

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.