JavaScript Project - Date Calculator

I've been going through the torturous joyous process of interviewing for summer internships and most of the companies I met with included some sort of technical challenge as part of the second round of interviews. Everything from a barrage of questions to a whiteboard problem to a coding challenge.

The company I will be working for this summer gave me a coding challenge to create a date calculator using the framework/language of my choosing. Since they create web apps in Visual Studio that's what I used to complete the task. The bonus of VS is the drag and drop GUI, ease of programming controls, and use of a Script Manager to update the page without a post-back.

JavaScript Date Calculator Program Description

For my JavaScript project, I want to recreate the same program using JS with HTML and CSS. To give you an overview of what I'll be writing, here are the requirements the program will fulfill.
  • Take a date as input
  • Allow the user to select from the following calculators
    • Days Until
      • Calculate the number of days from today until the date entered
    • Days Between
      • Calculate the number of days between two selected dates
    • Add Days
      • Add an input number of days to the date entered
    • Subtract Days
      • Subtract an input number of days from the date entered

Date Calculator Example


The example above is what my finished Visual Studio program looks like. Without the convenience of an ASP calendar control or Radio Button List, it will be a challenge to create something as user-friendly using JS.

Date Calculator Plan

With four weeks to complete this program, I'm breaking the coding into four parts to correspond with this last series of blog posts.

  • Calculator Functions - Code the functions that will return the results of the four calculator options.
  • Date Picker - Code a calendar or date picker with the ability to select a date that can be passed to the functions.
  • Calendar Selector - Code the radio buttons to control which input options are visible/enabled and wire them to the correct calculator functions.
  • GUI and Calculate Button - Complete the GUI and code the calculate button to return the result of each calculator.

I will use the NetBeans IDE to compile my program with plans to share it on GitHub when finished.

Comments

Post a Comment