Giter Club home page Giter Club logo

marisabrantley / vacation-budget-calculator-challenge Goto Github PK

View Code? Open in Web Editor NEW
0.0 2.0 0.0 289 KB

In this challenge, we were to create a vacation budget calculator to allow the user to calculate their daily budget for food and fun.

Home Page: https://marisabrantley.github.io/vacation-budget-calculator-challenge/

CSS 44.24% HTML 31.69% JavaScript 24.07%
query-selector prompt methods dom-manipulation skillcrush-assignment skillcrush

vacation-budget-calculator-challenge's Introduction

Vacation Budget Calculator Challenge

This challenge was to create a daily vacation budget calculator to see how much money the user had available each day for food and fun.

Objectives

  1. Use querySelectors to select a button that activates prompts to find out the user's total budget, their accomodation costs, and how long the trip will be, as well as to target the paragraph where the calculated budget will display.
  2. Write a function to collect information about the user's budget, accomodation costs, and number of vacation days, using the prompt and Number methods to collect the information and convert it into a number.
  3. Use a click event to run the information collecting function.
  4. Write a second function to use the information collected, using the toFixed method to round the number to cents.

vacation-budget-calculator

Launch

View the Vacation Budget Calculator here: https://marisabrantley.github.io/vacation-budget-calculator-challenge/

Class

Skillcrush, Break into Tech Blueprint

JavaScript Fundamentals

vacation-budget-calculator-challenge's People

Contributors

marisabrantley avatar

Watchers

 avatar  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.