General Tax Calculator

Developer
Bryan Fillmer
Size
2,902 Kb
Views
8,096
  1. General Tax Calculator Previews
  2. General Tax Calculator HTML Codes
  3. General Tax Calculator CSS Codes
  4. General Tax Calculator JS Codes

How do I make an general tax calculator?

Federal, state. Determines monthly income.. What is a general tax calculator? How do you make a general tax calculator? This script and codes were developed by Bryan Fillmer on 11 December 2022, Sunday.

General Tax Calculator Previews
IQ Test

General Tax Calculator - Script Codes HTML Codes

<!DOCTYPE html>
<html >
<head> <meta charset="UTF-8"> <title>General Tax Calculator</title> <script src="https://s.codepen.io/assets/libs/modernizr.js" type="text/javascript"></script> <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/normalize/5.0.0/normalize.min.css"> <link rel='stylesheet prefetch' href='http://maxcdn.bootstrapcdn.com/bootswatch/3.3.2/yeti/bootstrap.min.css'> <style> /* NOTE: The styles were added inline because Prefixfree needs access to your styles and they must be inlined if they are on local disk! */ body { padding: 2em;
}
label { cursor: pointer;
} </style> <script src="https://cdnjs.cloudflare.com/ajax/libs/prefixfree/1.0.7/prefixfree.min.js"></script>
</head>
<body> <body ng-app="TaxCalculator" ng-controller="ApplicationController as ac"> <div class="container"> <h2>Monthly Take Home</h2> <form> <ul class="list-unstyled col-sm-8"> <li class="form-group col-sm-4"> <label for="gross-salary">Gross Salary</label> <input class="form-control" type="number" id="gross-salary" ng-model="ac.grossSalary" ng-change="ac.calculate()"> </li> <li class="form-group col-sm-4"> <label for="federal-tax">Federal Income Tax %</label> <input class="form-control" type="number" id="federal-tax" ng-model="ac.federalTax" ng-change="ac.calculate()"> <small><a href="https://www.bankrate.com/finance/taxes/tax-brackets.aspx">2015 Tax Brackets</a></small> </li> <li class="form-group col-sm-4"> <label for="state-tax">State Income Tax %</label> <input class="form-control" type="number" id="state-tax" ng-model="ac.stateTax" ng-change="ac.calculate()" placeholder="CO: 4.68"> </li> </ul> <div class="col-sm-4"> <div ng-show="ac.results"> <strong>Take Home:</strong> {{ac.results.salary | currency}}<br> <strong>Monthly Income:</strong> {{ac.results.monthly | currency}} </div> </div> </form> </div>
</body> <script src='http://ajax.googleapis.com/ajax/libs/angularjs/1.3.2/angular.min.js'></script> <script src="js/index.js"></script>
</body>
</html>

General Tax Calculator - Script Codes CSS Codes

body { padding: 2em;
}
label { cursor: pointer;
}

General Tax Calculator - Script Codes JS Codes

(function () { 'use strict'; function ApplicationController(TaxCalculations) { var ac = this, tc = TaxCalculations; // Calculate the take home pay. ac.calculate = function () { if (haveData()) { ac.results = tc.calculateTakeHome( ac.grossSalary, ac.federalTax, ac.stateTax ); } }; // Check that we have the necessary data. function haveData () { var haveGross = !angular.isUndefined(ac.grossSalary), haveFederal = !angular.isUndefined(ac.federalTax), haveState = !angular.isUndefined(ac.stateTax); return haveGross && haveFederal && haveState; } } function TaxCalculationsFactory() { var service = {}, data = { lessTax: 0, salary: 0, monthly: 0 }; service.calculateTakeHome = function (g, f, s) { data.lessTax = 1 - ((f + s) / 100), data.salary = g * data.lessTax, data.monthly = data.salary / 12; return data; }; return service; } angular.module('TaxCalculator', []) .factory('TaxCalculations', TaxCalculationsFactory) .controller('ApplicationController', ['TaxCalculations', ApplicationController]);
})();
General Tax Calculator - Script Codes
General Tax Calculator - Script Codes
Home Page Home
Developer Bryan Fillmer
Username bfillmer
Uploaded December 11, 2022
Rating 3
Size 2,902 Kb
Views 8,096
Do you need developer help for General Tax Calculator?

Find the perfect freelance services for your business! Fiverr's mission is to change how the world works together. Fiverr connects businesses with freelancers offering digital services in 500+ categories. Find Developer!

Bryan Fillmer (bfillmer) Script Codes
Name
Five Programming Problems
Regex Sensei
Useful Loading Overlay
Attribute Modules for CSS
Basic Javascript Chaining
Simple Number Element Controls Demo
Shopping Site Mockup
Toggle Overlay on UL
JS Playground
Continued Angular Testbed
Create amazing SEO content with AI!

Jasper is the AI Content Generator that helps you and your team break through creative blocks to create amazing, original content 10X faster. Discover all the ways the Jasper AI Content Platform can help streamline your creative workflows. Start For Free!