Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- <!DOCTYPE html>
- <html>
- <head>
- <title>DI Tax Calculator</title>
- <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
- <style>
- p, h1, h2, h3, h4, h5, h6, ul, li, div, span, address, footer, header, table, tr, td, tbody, thead, input, label {
- margin: 0;
- padding: 0;
- }
- body {
- background-color:skyblue;
- }
- #container {
- width: 900px;
- height: auto;
- padding: 20px;
- margin: auto;
- margin-top: 100px;
- background-color: white;
- border-radius: 10px;
- box-shadow: 0px 0px 10px 1px #ccc;
- }
- .header {
- background-color: #f5f5f5;
- padding:5px;
- margin-bottom: 10px;
- }
- .header h3 {
- text-align: center;
- font-size: 25px;
- font-family: arial;
- }
- .userinput {
- background-color:#D5FFD7;
- padding:10px;
- line-height:30px;
- }
- input, select {
- width: 200px;
- margin-right: 20px;
- padding: 3px;
- }
- .label {
- width: 300px;
- }
- .result {
- padding: 10px;
- line-height: 30px;
- background-color: #FFE9E8;
- margin-top: 20px;
- }
- </style>
- <script type='text/javascript'>
- function startCalc(){
- interval = setInterval("calc()",1);
- }
- function calc(){
- //From User Input
- var bujhaunuparne_fy = document.getElementById("bujhaunuparne_fy").value;
- var bujhaunuparne_month = 6;
- var bujhaune_year = document.getElementById("bujhaune_year").value;
- var bujhaune_month = document.getElementById("bujhaune_month").value;
- var karobarsthan = document.getElementById("karobarsthan").value;
- var karrakam = 0;
- if (karobarsthan == "gabisa" && bujhaunuparne_fy <= 2065) {
- karrakam = 1000;
- } else if ((karobarsthan == "gabisa") && (bujhaunuparne_fy <= 2071)) {
- karrakam = 1250;
- } else if ((karobarsthan == "gabisa") && (bujhaunuparne_fy > 2071)) {
- karrakam = 1500;
- } else if (karobarsthan == "mun" && bujhaunuparne_fy <= 2065) {
- karrakam = 1500;
- } else if ((karobarsthan == "mun") && (bujhaunuparne_fy <= 2071)) {
- karrakam = 2000;
- } else if ((karobarsthan == "mun") && (bujhaunuparne_fy > 2071)) {
- karrakam = 2500;
- } else if (karobarsthan == "submun" && bujhaunuparne_fy <= 2065) {
- karrakam = 2000;
- } else if ((karobarsthan == "submun") && (bujhaunuparne_fy <= 2071)) {
- karrakam = 3500;
- } else if ((karobarsthan == "submun") && (bujhaunuparne_fy > 2071)) {
- karrakam = 5000;
- } else if (karobarsthan == "maha" && bujhaunuparne_fy <= 2065) {
- karrakam = 2000;
- } else if ((karobarsthan == "maha") && (bujhaunuparne_fy <= 2071)) {
- karrakam = 3500;
- } else if ((karobarsthan == "maha") && (bujhaunuparne_fy > 2071)) {
- karrakam = 5000;
- }
- //var bikrikarobar = document.getElementById("bikrikarobar").value;
- var jammabarsa = bujhaune_year - bujhaunuparne_fy;
- var jammamonth = bujhaune_month - bujhaunuparne_month;
- var totalmonth = (jammabarsa * 12) + jammamonth;
- var dhilabujhaeko_shulka = totalmonth * 100;
- //var dhilobyaj = (bikrikarobar * 0.001 * totalmonth) / 12;
- var interest = (karrakam * 0.15 * totalmonth) / 12;
- var jamma_kar = parseFloat(karrakam) + parseFloat(dhilabujhaeko_shulka) + parseFloat(interest);
- if (karrakam < 0) {
- karrakam = 0;
- }
- if (dhilabujhaeko_shulka < 0) {
- dhilabujhaeko_shulka = 0;
- }
- if (interest < 0) {
- interest = 0;
- }
- if (jamma_kar < 0) {
- jamma_kar = 0;
- }
- karrakam = Math.round(karrakam);
- dhilabujhaeko_shulka = Math.round(dhilabujhaeko_shulka);
- interest = Math.round(interest);
- jamma_kar = Math.round(jamma_kar);
- //Result
- document.getElementById("bujhaunuparne_kar").value = karrakam;
- document.getElementById("bujhaeko_shulka").value = dhilabujhaeko_shulka;
- document.getElementById("dhila_byaj").value = interest;
- document.getElementById("jamma_kar").value = jamma_kar;
- }
- function stopCalc(){
- clearInterval(interval);
- }
- </script>
- </head>
- <body>
- <div id="container">
- <div class="header">
- <h3>D1 विवरणको कर गणना</h3>
- </div>
- <div class="userinput">
- <table id="calculator">
- <thead></thead>
- <tbody>
- <tr>
- <td class="label">विवरण बुझाउनुपर्ने आर्थिक वर्ष</td>
- <td><select id="bujhaunuparne_fy" name="bujhaunuparne_fy" onFocus="startCalc();" onBlur="stopCalc();">
- <option value="0" selected>आ.व. छान्नुहोस्</option>
- <option value="2065">आ.व. २०६४/०६५</option>
- <option value="2066">आ.व. २०६५/०६६</option>
- <option value="2067">आ.व. २०६६/०६७</option>
- <option value="2068">आ.व. २०६७/०६८</option>
- <option value="2069">आ.व. २०६८/०६९</option>
- <option value="2070">आ.व. २०६९/७०</option>
- <option value="2071">आ.व. २०७०/०७१</option>
- <option value="2072">आ.व. २०७१/०७२</option>
- <option value="2073">आ.व. २०७२/०७३</option>
- <option value="2074">आ.व. २०७३/०७४</option>
- <option value="2075">आ.व. २०७४/०७५</option>
- <option value="2076">आ.व. २०७५/०७६</option>
- </select>
- </td>
- <td></td>
- </tr>
- <tr>
- <td class="label">विवरण बुझाउने वर्ष र महिना</td>
- <td>
- <select id="bujhaune_year" name="bujhaune_year" onFocus="startCalc();" onBlur="stopCalc();">
- <option value="0" selected="selected">वर्ष छान्नुहोस्</option>
- <option value="2073">२०७३</option>
- <option value="2074">२०७४</option>
- <option value="2075">२०७५</option>
- <option value="2076">२०७६</option>
- </select>
- </td>
- <td>
- <select id="bujhaune_month" name="bujhaune_month" onFocus="startCalc();" onBlur="stopCalc();">
- <option value="0" selected="selected">महिना छान्नुहोस्</option>
- <option value="1">बैशाख</option>
- <option value="2">जेष्ठ</option>
- <option value="3">आषाढ</option>
- <option value="4">श्रावण</option>
- <option value="5">भाद्र</option>
- <option value="6">आश्विन</option>
- <option value="7">कार्तिक</option>
- <option value="8">मंग्सिर</option>
- <option value="9">पौष</option>
- <option value="10">माघ</option>
- <option value="11">फाल्गुण</option>
- <option value="12">चैत्र</option>
- </select>
- </td>
- </tr>
- <tr>
- <td class="label">कारोबार रहेको स्थान</td>
- <td>
- <select id="karobarsthan" name="karobarsthan" onFocus="startCalc();" onBlur="stopCalc();">
- <option value="" selected="selected">स्थान छान्नुहोस्</option>
- <option value="gabisa">गा.वि.स.</option>
- <option value="mun">नगरपालिका</option>
- <option value="submun">उप महानगरपालिका</option>
- <option value="maha">महा नगरपालिका</option>
- </select>
- </td>
- </tr>
- <!--<tr>
- <td class="label">विक्री कारोबार र अन्य आय (रु.)</td>
- <td><input style="width: 190px;" type="number" id="bikrikarobar" name="bikrikarobar" onFocus="startCalc();" onBlur="stopCalc();" />
- </td>
- </tr> -->
- </tbody>
- </table>
- </div>
- <div class="result">
- <table>
- <tr>
- <td class="label">बुझाउनुपर्ने कर</td>
- <td><input type="text" id="bujhaunuparne_kar" name="bujhaunuparne_kar" onFocus="startCalc();" onBlur="stopCalc();" /></td>
- </tr>
- <tr>
- <td class="label">विवरण ढिला बुझाएको शुल्क</td>
- <td><input type="text" id="bujhaeko_shulka" name="bujhaeko_shulka" onFocus="startCalc();" onBlur="stopCalc();" /></td>
- </tr>
- <tr>
- <td class="label">कर ढिला बुझाएको ब्याज</td>
- <td><input type="text" id="dhila_byaj" name="dhila_byaj" onFocus="startCalc();" onBlur="stopCalc();" /></td>
- </tr>
- <tr>
- <td class="label">जम्मा बुझाउनुपर्ने कर रकम</td>
- <td><input type="number" id="jamma_kar" name="jamma_kar" onFocus="startCalc();" onBlur="stopCalc();" /></td>
- </tr>
- </table>
- </div>
- </div>
- </body>
- </html>
Add Comment
Please, Sign In to add comment