Search Results for: JavaScript

The MIS2402 Final Project, sponsored by Professor Laurel Miller, instructed us to use AI tools to build and improve two special-purpose web calculators. As the Developer and Debugger, it was my task to create a normal Loan Repayment Calculator first, followed by a special second application. I made sure that both were constructed using HTML, JavaScript, jQuery, and Bootstrap in a single file. Learning to build exact AI prompts and then carefully correcting the resulting code to satisfy complicated demands, like precise calculations and appropriate input validation without the use of alert() or prompt(), was the work. I learned abilities in prompt coding, fixing AI-generated code, and integrating latest web tools for a highly functional web application from this project.

For this project, I designed and developed a fully functional JavaScript application as part of my coursework. I was responsible for planning the features, writing the core logic, validating user input and ensuring the interface was intuitive and reliable. Throughout the process, I strengthened my skills in problem solving, event handling, and clean coding practices. This experience also gave me a deeper understanding of how front-end applications handle data, support user decisions and improve overall workflow efficiency.

The Lifestyle Affordability Calculator is a special purpose tool designed to help users understand whether their current monthly lifestyle can realistically fit within their take home income. Instead of focusing on only one financial detail, this calculator looks at a person’s full spending pattern, which includes essential expenses such as housing, transportation, and groceries, as well as lifestyle choices such as subscriptions, dining out, and shopping. It then compares these expenses to the user’s income to determine whether the lifestyle is financially sustainable.

The purpose of this calculator is to show users how much they spend each month, how much money they have left over or are short, and whether their lifestyle is comfortable, borderline, or not affordable. It also provides a breakdown of spending categories in percentages, which helps users understand how their habits align with widely used budgeting guidelines like the 50/30/20 rule.

People would want to use this calculator because many individuals struggle to evaluate their spending or understand where their money goes each month. This tool gives simple and immediate feedback that does not require advanced financial knowledge. It is useful for planning a move, adjusting spending habits, preparing for major life changes, or simply gaining a clearer picture of their financial health. The calculator offers practical and real-world value for anyone who wants to manage money responsibly and avoid overspending.

Through this project, I learned how important it is to evaluate a person’s full spending habits and present that information clearly. I gained experience using HTML, CSS, JavaScript, Bootstrap, and jQuery to build an interactive calculator that updates results instantly and organizes data in a user-friendly layout. I also learned how to apply budgeting concepts like the 50/30/20 rule through code so users can easily understand whether their lifestyle is sustainable. Overall, this project showed me how programming and financial concepts can work together to create a tool that gives clear and practical insight.

https://misdemo.temple.edu/tur34536j/project2/

Lifestyle Affordability Calculator

In my Web Application Development course, I designed and built a Project Management Calculator, a web-based tool that helps users estimate key project metrics such as total tasks, expected completion time, required budget, and overall cost breakdown. I developed the application using HTML for structure, CSS and Bootstrap for responsive styling, and JavaScript/jQuery for interactive functionality and dynamic calculations. Throughout this project, I strengthened my skills in front-end development, event handling, form validation, and creating user-friendly interfaces. I also gained experience in organizing code for easy maintaining and ensuring that the application responds smoothly across different screen sizes. This project allowed me to combine technical problem-solving with simple design to deliver a functional, real-world utility.

In this final project for MIS2402 (Web App Development), we were asked to use AI to create two special-purpose calculators. A “special purpose” calculator is a web application that takes one or more inputs and generates a useful result. The first calculator was the same for all students– a loan repayment calculator. For the second one, I chose to create “The Meal Prep Macro Calculator”. It’s an online special purpose calculator that can help users to quickly plan out their daily food intake using their chosen calorie goal and percent of macros as the basis for determining grams of protein, carbohydrates and fat to be consumed in a given day. Many individuals who plan their meals or follow some form of structured diet struggle with figuring out how many grams of protein, carbohydrates and fat to consume on a daily basis. They may also struggle with dividing those totals up among all of their meals they plan to eat in a day. The calculator removes this problem. The user would just have to enter their total daily calorie needs, the amount of their total daily calories they want to be from protein, carbs, and fat, and the number of meals they will be consuming each day. After, the Meal Prep Macro Calculator will automatically compute their total daily grams of protein, carbohydrates and fat, and their grams per meal. The calculator assumes that the user will distribute these grams evenly among their meals, which makes the Meal Prep Macro Calculator useful for individuals looking for consistent and balanced portions throughout their day. Users can benefit from this calculator and would want to use it to:

• plan their daily nutrients
• support fitness and health goals
• decreases errors in calculating their nutrient intake

This project helped me to better understand writing HTML and JavaScript code and how AI can play a role in creating the web application.

For this project, I created a special-purpose web calculator that estimates the electricity cost of running a PC or any electronic device. This project was completed for MIS 2402 as part of a hands-on activity designed to help students build web applications using HTML, CSS, JavaScript, jQuery, and Bootstrap. The calculator allows users to enter a device’s power consumption in watts, daily usage hours, electricity rate, and number of days, and it automatically computes the total energy used, the monthly cost, and the estimated yearly cost. This project helped me strengthen my skills in building responsive user interactions, ensuring accurate inputs, and creating a tool with real everyday value.

For my Web Development coursework, I designed and implemented a Daily Water Intake Calculator using HTML, CSS, JavaScript, jQuery, and Bootstrap. This project involved building a fully responsive interface and creating a calculation tool that determines an individual’s recommended daily water intake based on weight and activity level. I was responsible for the full development process, including UI structure, layout design, user input validation, and implementing the calculation logic using JavaScript. Through this project, I strengthened my front-end development skills, gained hands-on experience manipulating the DOM with jQuery, and improved my ability to create user-friendly interfaces with Bootstrap. This work helped me build confidence in translating real-world requirements into functional web applications.

Built two fully functioning JavaScript based calculators, a loan repayment calculator and a daily calorie intake calculator. User friendly tools like HTML, CSS, Bootstrap and jQuery aided in the making of these calculators.

With an interactive design and being user friendly, they were able to accurately compute financial information like loan payments and manage people’s health like advising on a specific amount of calories to maintain based on your specific body composition.

Understood how to validate user input and prevent missing values through custom form error handling.

Gained confidence in using A.I tools as coding partners to generate, edit and troubleshoot functional web applications.

 

For this final project, I used an AI chat tool to help me design and build two special-purpose web calculators using HTML, CSS, JavaScript, jQuery, and Bootstrap, then deployed them on the MIS demo server. For Part 1, I followed the required AI prompt to generate a loan repayment calculator, copied the AI-generated code into my index.html file in my finalproject folder, and then debugged and refined it so it worked correctly at:

https://misdemo.temple.edu/tuq10109s/finalproject/

I made sure it calculates the monthly payment, total amount paid, and total interest for a loan, validates user input, avoids JavaScript alert() and prompt(), and displays helpful error messages and results in a clean Bootstrap layout.

 

For Part 2, I created my own unique special-purpose calculator and hosted it at:

https://misdemo.temple.edu/tuq10109s/finalproject/nbacalc/.

Instead of reusing a class example, I edited the AI prompt to build a recovery and risk assessment tool for ACL injuries. My custom calculator collects information about a person’s ACL injury and uses that input to estimate where they are in the recovery process, how appropriate their current training load is for that stage, the risk level of their knee, and suggestions on how to move forward. I again tested and adjusted the code to ensure it responds appropriately to both good and bad input and presents clear, user-friendly feedback. Overall, the project showed that I can combine my own coding skills with AI-generated code to design, deploy, and refine practical web applications.

This project was developed entirely by an AI and consists of a single-page web application featuring two distinct, interactive financial tools: a Loan Repayment Calculator and a custom Bond Price Calculator. The Loan Repayment Calculator determines the monthly payment and total interest paid for a standard loan, given the principal, term, and APR. The Bond Price Calculator computes the present value (current market price) of a bond and its market status as a premium, discount, or par bond, based on its face value, coupon rate, and current market yield. The entire application is self-contained within a single HTML file, which includes all necessary HTML for structure, CSS for custom styling, Bootstrap 5 for a responsive layout, and client-side JavaScript with jQuery to handle user input, perform all financial calculations, and dynamically update the DOM with the results.