humanware

D1 Calculator

Jul 28th, 2016
63
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 8.68 KB | None | 0 0
  1. <!DOCTYPE html>
  2. <html>
  3. <head>
  4. <title>DI Tax Calculator</title>
  5. <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
  6. <style>
  7. p, h1, h2, h3, h4, h5, h6, ul, li, div, span, address, footer, header, table, tr, td, tbody, thead, input, label {
  8. margin: 0;
  9. padding: 0;
  10. }
  11. body {
  12. background-color:skyblue;
  13. }
  14. #container {
  15. width: 900px;
  16. height: auto;
  17. padding: 20px;
  18. margin: auto;
  19. margin-top: 100px;
  20. background-color: white;
  21. border-radius: 10px;
  22. box-shadow: 0px 0px 10px 1px #ccc;
  23. }
  24. .header {
  25. background-color: #f5f5f5;
  26. padding:5px;
  27. margin-bottom: 10px;
  28. }
  29. .header h3 {
  30. text-align: center;
  31. font-size: 25px;
  32. font-family: arial;
  33. }
  34. .userinput {
  35. background-color:#D5FFD7;
  36. padding:10px;
  37. line-height:30px;
  38. }
  39. input, select {
  40. width: 200px;
  41. margin-right: 20px;
  42. padding: 3px;
  43. }
  44. .label {
  45. width: 300px;
  46. }
  47. .result {
  48. padding: 10px;
  49. line-height: 30px;
  50. background-color: #FFE9E8;
  51. margin-top: 20px;
  52. }
  53. </style>
  54. <script type='text/javascript'>
  55. function startCalc(){
  56. interval = setInterval("calc()",1);
  57. }
  58. function calc(){
  59. //From User Input
  60. var bujhaunuparne_fy = document.getElementById("bujhaunuparne_fy").value;
  61. var bujhaunuparne_month = 6;
  62. var bujhaune_year = document.getElementById("bujhaune_year").value;
  63. var bujhaune_month = document.getElementById("bujhaune_month").value;
  64. var karobarsthan = document.getElementById("karobarsthan").value;
  65. var karrakam = 0;
  66. if (karobarsthan == "gabisa" && bujhaunuparne_fy <= 2065) {
  67. karrakam = 1000;
  68. } else if ((karobarsthan == "gabisa") && (bujhaunuparne_fy <= 2071)) {
  69. karrakam = 1250;
  70. } else if ((karobarsthan == "gabisa") && (bujhaunuparne_fy > 2071)) {
  71. karrakam = 1500;
  72. } else if (karobarsthan == "mun" && bujhaunuparne_fy <= 2065) {
  73. karrakam = 1500;
  74. } else if ((karobarsthan == "mun") && (bujhaunuparne_fy <= 2071)) {
  75. karrakam = 2000;
  76. } else if ((karobarsthan == "mun") && (bujhaunuparne_fy > 2071)) {
  77. karrakam = 2500;
  78. } else if (karobarsthan == "submun" && bujhaunuparne_fy <= 2065) {
  79. karrakam = 2000;
  80. } else if ((karobarsthan == "submun") && (bujhaunuparne_fy <= 2071)) {
  81. karrakam = 3500;
  82. } else if ((karobarsthan == "submun") && (bujhaunuparne_fy > 2071)) {
  83. karrakam = 5000;
  84. } else if (karobarsthan == "maha" && bujhaunuparne_fy <= 2065) {
  85. karrakam = 2000;
  86. } else if ((karobarsthan == "maha") && (bujhaunuparne_fy <= 2071)) {
  87. karrakam = 3500;
  88. } else if ((karobarsthan == "maha") && (bujhaunuparne_fy > 2071)) {
  89. karrakam = 5000;
  90. }
  91.  
  92. //var bikrikarobar = document.getElementById("bikrikarobar").value;
  93. var jammabarsa = bujhaune_year - bujhaunuparne_fy;
  94. var jammamonth = bujhaune_month - bujhaunuparne_month;
  95. var totalmonth = (jammabarsa * 12) + jammamonth;
  96. var dhilabujhaeko_shulka = totalmonth * 100;
  97. //var dhilobyaj = (bikrikarobar * 0.001 * totalmonth) / 12;
  98. var interest = (karrakam * 0.15 * totalmonth) / 12;
  99. var jamma_kar = parseFloat(karrakam) + parseFloat(dhilabujhaeko_shulka) + parseFloat(interest);
  100.  
  101. if (karrakam < 0) {
  102. karrakam = 0;
  103. }
  104. if (dhilabujhaeko_shulka < 0) {
  105. dhilabujhaeko_shulka = 0;
  106. }
  107. if (interest < 0) {
  108. interest = 0;
  109. }
  110. if (jamma_kar < 0) {
  111. jamma_kar = 0;
  112. }
  113.  
  114. karrakam = Math.round(karrakam);
  115. dhilabujhaeko_shulka = Math.round(dhilabujhaeko_shulka);
  116. interest = Math.round(interest);
  117. jamma_kar = Math.round(jamma_kar);
  118.  
  119. //Result
  120. document.getElementById("bujhaunuparne_kar").value = karrakam;
  121. document.getElementById("bujhaeko_shulka").value = dhilabujhaeko_shulka;
  122. document.getElementById("dhila_byaj").value = interest;
  123. document.getElementById("jamma_kar").value = jamma_kar;
  124. }
  125.  
  126. function stopCalc(){
  127. clearInterval(interval);
  128. }
  129. </script>
  130. </head>
  131. <body>
  132. <div id="container">
  133. <div class="header">
  134. <h3>D1 विवरणको कर गणना</h3>
  135. </div>
  136. <div class="userinput">
  137. <table id="calculator">
  138. <thead></thead>
  139. <tbody>
  140. <tr>
  141. <td class="label">विवरण बुझाउनुपर्ने आर्थिक वर्ष</td>
  142. <td><select id="bujhaunuparne_fy" name="bujhaunuparne_fy" onFocus="startCalc();" onBlur="stopCalc();">
  143. <option value="0" selected>आ.व. छान्नुहोस्</option>
  144. <option value="2065">आ.व. २०६४/०६५</option>
  145. <option value="2066">आ.व. २०६५/०६६</option>
  146. <option value="2067">आ.व. २०६६/०६७</option>
  147. <option value="2068">आ.व. २०६७/०६८</option>
  148. <option value="2069">आ.व. २०६८/०६९</option>
  149. <option value="2070">आ.व. २०६९/७०</option>
  150. <option value="2071">आ.व. २०७०/०७१</option>
  151. <option value="2072">आ.व. २०७१/०७२</option>
  152. <option value="2073">आ.व. २०७२/०७३</option>
  153. <option value="2074">आ.व. २०७३/०७४</option>
  154. <option value="2075">आ.व. २०७४/०७५</option>
  155. <option value="2076">आ.व. २०७५/०७६</option>
  156. </select>
  157. </td>
  158. <td></td>
  159. </tr>
  160. <tr>
  161. <td class="label">विवरण बुझाउने वर्ष र महिना</td>
  162. <td>
  163. <select id="bujhaune_year" name="bujhaune_year" onFocus="startCalc();" onBlur="stopCalc();">
  164. <option value="0" selected="selected">वर्ष छान्नुहोस्</option>
  165. <option value="2073">२०७३</option>
  166. <option value="2074">२०७४</option>
  167. <option value="2075">२०७५</option>
  168. <option value="2076">२०७६</option>
  169. </select>
  170. </td>
  171. <td>
  172. <select id="bujhaune_month" name="bujhaune_month" onFocus="startCalc();" onBlur="stopCalc();">
  173. <option value="0" selected="selected">महिना छान्नुहोस्</option>
  174. <option value="1">बैशाख</option>
  175. <option value="2">जेष्ठ</option>
  176. <option value="3">आषाढ</option>
  177. <option value="4">श्रावण</option>
  178. <option value="5">भाद्र</option>
  179. <option value="6">आश्विन</option>
  180. <option value="7">कार्तिक</option>
  181. <option value="8">मंग्सिर</option>
  182. <option value="9">पौष</option>
  183. <option value="10">माघ</option>
  184. <option value="11">फाल्गुण</option>
  185. <option value="12">चैत्र</option>
  186. </select>
  187. </td>
  188. </tr>
  189. <tr>
  190. <td class="label">कारोबार रहेको स्थान</td>
  191. <td>
  192. <select id="karobarsthan" name="karobarsthan" onFocus="startCalc();" onBlur="stopCalc();">
  193. <option value="" selected="selected">स्थान छान्नुहोस्</option>
  194. <option value="gabisa">गा.वि.स.</option>
  195. <option value="mun">नगरपालिका</option>
  196. <option value="submun">उप महानगरपालिका</option>
  197. <option value="maha">महा नगरपालिका</option>
  198. </select>
  199. </td>
  200. </tr>
  201. <!--<tr>
  202. <td class="label">विक्री कारोबार र अन्य आय (रु.)</td>
  203. <td><input style="width: 190px;" type="number" id="bikrikarobar" name="bikrikarobar" onFocus="startCalc();" onBlur="stopCalc();" />
  204. </td>
  205. </tr> -->
  206. </tbody>
  207. </table>
  208. </div>
  209. <div class="result">
  210. <table>
  211. <tr>
  212. <td class="label">बुझाउनुपर्ने कर</td>
  213. <td><input type="text" id="bujhaunuparne_kar" name="bujhaunuparne_kar" onFocus="startCalc();" onBlur="stopCalc();" /></td>
  214. </tr>
  215. <tr>
  216. <td class="label">विवरण ढिला बुझाएको शुल्क</td>
  217. <td><input type="text" id="bujhaeko_shulka" name="bujhaeko_shulka" onFocus="startCalc();" onBlur="stopCalc();" /></td>
  218. </tr>
  219. <tr>
  220. <td class="label">कर ढिला बुझाएको ब्याज</td>
  221. <td><input type="text" id="dhila_byaj" name="dhila_byaj" onFocus="startCalc();" onBlur="stopCalc();" /></td>
  222. </tr>
  223. <tr>
  224. <td class="label">जम्मा बुझाउनुपर्ने कर रकम</td>
  225. <td><input type="number" id="jamma_kar" name="jamma_kar" onFocus="startCalc();" onBlur="stopCalc();" /></td>
  226. </tr>
  227. </table>
  228. </div>
  229. </div>
  230. </body>
  231. </html>
Add Comment
Please, Sign In to add comment