humanware

Karobar (D2 Calculator)

Jul 28th, 2016
61
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 20.62 KB | None | 0 0
  1. <!DOCTYPE html>
  2. <html>
  3. <head>
  4. <title>कारोबारमा आधारित करको गणना</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: 10px;
  18. margin: auto;
  19. background-color: white;
  20. border-radius: 10px;
  21. box-shadow: 0px 0px 10px 1px #ccc;
  22. }
  23. .header {
  24. background-color: #f5f5f5;
  25. padding:5px;
  26. margin-bottom: 10px;
  27. }
  28. .header h3 {
  29. text-align: center;
  30. font-size: 25px;
  31. font-family: arial;
  32. }
  33. .userinput {
  34. background-color:#D5FFD7;
  35. padding:10px;
  36. line-height:30px;
  37. }
  38. input, select {
  39. width: 200px;
  40. margin-right: 20px;
  41. padding: 3px;
  42. }
  43. .label {
  44. width: 300px;
  45. }
  46. .result {
  47. padding: 10px;
  48. line-height: 30px;
  49. background-color: #FFE9E8;
  50. margin-top: 5px;
  51. }
  52. </style>
  53. <script type='text/javascript'>
  54. //time interval
  55. function startCalc(){
  56. interval = setInterval("calc()",1);
  57. }
  58.  
  59. // kar dakhila rakam check box
  60. function kardakhilarakam() {
  61. var kardakhila = document.getElementById("kardakhila");
  62. if (document.getElementById("kardakhila").checked) {
  63. document.getElementById("anumanitkardakhila").value = 0;
  64. } else {
  65. document.getElementById("anumanitkardakhila").value = 2000;
  66. }
  67. }
  68.  
  69. // main calculation function
  70. function calc(){
  71. // jamma karobar calculation
  72. var karobarkisim1 = document.getElementById("karobarkisim1").value;
  73. var karobarkisim2 = document.getElementById("karobarkisim2").value;
  74. var karobarkisim3 = document.getElementById("karobarkisim3").value;
  75. jammakarobar = parseFloat(karobarkisim1) + parseFloat(karobarkisim2) + parseFloat(karobarkisim3);
  76. document.getElementById("jammakarobar").value = jammakarobar;
  77.  
  78. //month calculation, extract month from year and add to month = totalmonth
  79. //getting value of month and year
  80. var fiscal_year = document.getElementById("fiscal_year").value;
  81. var fiscal_month = 6;
  82. var bujhaunuparne_fy = document.getElementById("bujhaunuparne_fy").value;
  83. var bujhaunuparne_month = document.getElementById("bujhaunuparne_month").value;
  84.  
  85. //extracting month from year and addint to month
  86. var jammabarsa = bujhaunuparne_fy - fiscal_year;
  87. var jammamonth = bujhaunuparne_month - fiscal_month;
  88. var totalmonth = (jammabarsa * 12) + jammamonth;
  89. var dhilabujhaeko_shulka = totalmonth * (jammakarobar * 0.1 / 1200);
  90. document.getElementById("dhilabujhaeko_shulka").value = Math.round(dhilabujhaeko_shulka);
  91.  
  92. // jamma kar calculation
  93. var karrakam1 = 0;
  94. var karrakam2 = 0;
  95. var karrakam3 = 0;
  96. if (fiscal_year < 2074) {
  97. karrakam1 = karobarkisim1 * 0.005;
  98. karrakam2 = karobarkisim2 * 0.015;
  99. karrakam3 = karobarkisim3 * 0.02;
  100. document.getElementById("karkodar1").innerHTML = "करको दर : ०.५%";
  101. document.getElementById("karkodar2").innerHTML = "करको दर : १.५%";
  102. document.getElementById("karkodar3").innerHTML = "करको दर : २%";
  103. } else if (fiscal_year > 2073) {
  104. karrakam1 = karobarkisim1 * 0.0025;
  105. karrakam2 = karobarkisim2 * 0.0075;
  106. karrakam3 = karobarkisim3 * 0.02;
  107. document.getElementById("karkodar1").innerHTML = "करको दर : ०.२५%";
  108. document.getElementById("karkodar2").innerHTML = "करको दर : ०.७५%";
  109. document.getElementById("karkodar3").innerHTML = "करको दर : २%";
  110. }
  111. document.getElementById("karrakam1").value = karrakam1;
  112. document.getElementById("karrakam2").value = karrakam2;
  113. document.getElementById("karrakam3").value = karrakam3;
  114. jammakar = karrakam1 + karrakam2 + karrakam3;
  115. document.getElementById("jamma_kar").value = Math.round(jammakar);
  116.  
  117.  
  118.  
  119. //calculation of byaj
  120. var kistarakam1 = document.getElementById("kistarakam1").value;
  121. var kistarakam2 = document.getElementById("kistarakam2").value;
  122. var jammakista = parseFloat(kistarakam1) + parseFloat(kistarakam2);
  123. var byaj = (jammakar - jammakista) * 0.15 * totalmonth / 12;
  124. if (byaj < 0) {
  125. byaj = 0;
  126. }
  127.  
  128. document.getElementById("byaj").value = Math.round(byaj);
  129.  
  130. // calculation of 1st and 2nd kista
  131. var kistafyear = document.getElementById("kistafyear").value;
  132. var kistafmonth = document.getElementById("kistafmonth").value;
  133. var kistafbasey = fiscal_year - 1;
  134. var kistafbasem = 9;
  135.  
  136. var kistafjammabarsa = kistafyear - kistafbasey;
  137. var kistafjammamonth = kistafmonth - kistafbasem;
  138. var kistaftotalmonth = (kistafjammabarsa * 12) + kistafjammamonth;
  139. var firstkistabyaj = 0;
  140.  
  141. if (kistaftotalmonth == 0) {
  142. firstkistabyaj = ((jammakar / 2) - kistarakam1) * 0.15 * 6 / 12;
  143. } else if (kistaftotalmonth == 1) {
  144. firstkistabyaj = ((jammakar / 2) - kistarakam1) * 0.15 * 7 / 12;
  145. } else if (kistaftotalmonth == 2) {
  146. firstkistabyaj = ((jammakar / 2) - kistarakam1) * 0.15 * 8 / 12;
  147. } else if (kistaftotalmonth == 3) {
  148. firstkistabyaj = ((jammakar / 2) - kistarakam1) * 0.15 * 9 / 12;
  149. } else if (kistaftotalmonth == 4) {
  150. firstkistabyaj = ((jammakar / 2) - kistarakam1) * 0.15 * 10 / 12;
  151. } else if (kistaftotalmonth == 5) {
  152. firstkistabyaj = ((jammakar / 2) - kistarakam1) * 0.15 * 11 / 12;
  153. } else if (kistaftotalmonth == 6) {
  154. firstkistabyaj = ((jammakar / 2) - kistarakam1) * 0.15 * 12 / 12;
  155. } else if (kistarakam1 == 0) {
  156. firstkistabyaj = ((jammakar / 2) - kistarakam1) * 0.15 * 6 / 12;
  157. } else if (kistaftotalmonth > 6) {
  158. firstkistabyaj = ((jammakar / 2) - kistarakam1) * 0.15 * 12 / 12;
  159. }
  160.  
  161. if (firstkistabyaj < 0) {
  162. firstkistabyaj = 0;
  163. }
  164.  
  165. var secondkistabyaj = (jammakar - jammakista) * 0.15 * 3 / 12;
  166. if (secondkistabyaj < 0) {
  167. secondkistabyaj = 0;
  168. }
  169.  
  170. var totalkistabyaj = firstkistabyaj + secondkistabyaj;
  171.  
  172. document.getElementById("kistabyaj").value = Math.round(totalkistabyaj);
  173.  
  174. //Result
  175. var totalkar = parseFloat(document.getElementById("jamma_kar").value) + parseFloat(document.getElementById("dhilabujhaeko_shulka").value) + parseFloat(document.getElementById("anumanitkardakhila").value) + parseFloat(document.getElementById("kistabyaj").value) + parseFloat(document.getElementById("byaj").value);
  176.  
  177. document.getElementById("totalkar").value = Math.round(totalkar);
  178. }
  179.  
  180. function stopCalc(){
  181. clearInterval(interval);
  182. }
  183. </script>
  184. </head>
  185. <body>
  186. <div id="container">
  187. <div class="header">
  188. <h3>कारोबारमा आधारित (Turnover Tax) करको गणना</h3>
  189. </div>
  190. <div class="userinput">
  191. <table id="calculator">
  192. <thead></thead>
  193. <tbody>
  194. <tr>
  195. <td class="label">आर्थिक वर्ष</td>
  196. <td><select id="fiscal_year" name="fiscal_year" onFocus="startCalc();" onBlur="stopCalc();">
  197. <option value="0" selected>आ.व. छान्नुहोस्</option>
  198. <option value="2073">आ.व. २०७२/०७३</option>
  199. <option value="2074">आ.व. २०७३/०७४</option>
  200. <option value="2075">आ.व. २०७४/०७५</option>
  201. <option value="2077">आ.व. २०७६/०७७</option>
  202. <option value="2078">आ.व. २०७७/०७८</option>
  203. <option value="2079">आ.व. २०७८/०७९</option>
  204. <option value="2080">आ.व. २०७९/०८०</option>
  205. <option value="2081">आ.व. २०८०/०८१</option>
  206. <option value="2082">आ.व. २०८१/०८२</option>
  207. <option value="2083">आ.व. २०८२/०८३</option>
  208. <option value="2084">आ.व. २०८३/०८४</option>
  209. <option value="2085">आ.व. २०८४/०८५</option>
  210. <option value="2086">आ.व. २०८५/०८६</option>
  211. </select>
  212. </td>
  213. <td></td>
  214. </tr>
  215. <tr>
  216. <td class="label">विवरण बुझाउने वर्ष र महिना</td>
  217. <td>
  218. <select id="bujhaunuparne_fy" name="bujhaunuparne_fy" onFocus="startCalc();" onBlur="stopCalc();">
  219. <option value="0" selected="selected">वर्ष छान्नुहोस्</option>
  220. <option value="2073">२०७३</option>
  221. <option value="2074">२०७४</option>
  222. <option value="2075">२०७५</option>
  223. <option value="2076">२०७६</option>
  224. <option value="2077">२०७७</option>
  225. <option value="2078">२०७८</option>
  226. <option value="2079">२०७९</option>
  227. <option value="2080">२०८०</option>
  228. <option value="2081">२०८१</option>
  229. <option value="2082">२०८२</option>
  230. <option value="2083">२०८३</option>
  231. <option value="2084">२०८४</option>
  232. <option value="2085">२०८५</option>
  233. </select>
  234. </td>
  235. <td>
  236. <select id="bujhaunuparne_month" name="bujhaunuparne_month" onFocus="startCalc();" onBlur="stopCalc();">
  237. <option value="0" selected="selected">महिना छान्नुहोस्</option>
  238. <option value="1">बैशाख</option>
  239. <option value="2">जेष्ठ</option>
  240. <option value="3">आषाढ</option>
  241. <option value="4">श्रावण</option>
  242. <option value="5">भाद्र</option>
  243. <option value="6">आश्विन</option>
  244. <option value="7">कार्तिक</option>
  245. <option value="8">मंग्सिर</option>
  246. <option value="9">पौष</option>
  247. <option value="10">माघ</option>
  248. <option value="11">फाल्गुण</option>
  249. <option value="12">चैत्र</option>
  250. </select>
  251. </td>
  252. </tr>
  253. <tr>
  254. <td class="label">कारोबारको किसिम</td>
  255. <td colspan="3">
  256. <table>
  257. <tr>
  258. <td style="padding: 3px; background-color:#BCEFBF;" class="label">
  259. <p style="margin-bottom: 10px; font-size: 13px; line-height: 20px;">(१.) ग्यास, चुरोट लगायतका तीन प्रतिशतसम्म कमिशन वा तीन प्रतिशत सम्म मूल्य थप गरि कारोबार गर्ने बस्तुको कारोबार</p>
  260. </td>
  261. <td style="padding: 3px; background-color: #BCEFBF;">
  262. <input style="width:80px;" id="karobarkisim1" style="margin-left: 10px;" type="number" value="0" placeholder="रकम उल्लेख गर्नुहोस ..." onFocus="startCalc();" onBlur="stopCalc();" />
  263. </td>
  264. <td style="padding: 3px; background-color: #BCEFBF;">
  265. <p id="karkodar1" style="margin-bottom: 10px; font-size: 13px; line-height: 20px;">करको दर : ०.५%</p>
  266. </td>
  267. <td style="padding: 3px; background-color: #BCEFBF;">
  268. <input style="width:80px;" id="karrakam1" style="margin-left: 10px;" type="number" value="0" placeholder="रकम उल्लेख गर्नुहोस ..." onFocus="startCalc();" onBlur="stopCalc();" disabled />
  269. </td>
  270. </tr>
  271. <tr>
  272. <td style="padding: 3px; background-color: #BCEFBF;" class="label">
  273. <p style="margin-bottom: 10px; font-size: 13px; line-height: 20px;">(२) क्र.स. (१) मा उल्लेखित कारोबार बाहेकको व्यावसायिक कारोबार</p>
  274. </td>
  275. <td style="padding: 3px; background-color: #BCEFBF;">
  276. <input style="width:80px;" id="karobarkisim2" style="margin-left: 10px;" type="number" value="0" onFocus="startCalc();" onBlur="stopCalc();" placeholder="रकम उल्लेख गर्नुहोस ..." />
  277. </td>
  278. <td style="padding: 3px; background-color: #BCEFBF;">
  279. <p id="karkodar2" style="margin-bottom: 10px; font-size: 13px; line-height: 20px;">करको दर : १.५%</p>
  280. </td>
  281. <td style="padding: 3px; background-color: #BCEFBF;">
  282. <input style="width:80px;" id="karrakam2" style="margin-left: 10px;" type="number" value="0" onFocus="startCalc();" onBlur="stopCalc();" placeholder="रकम उल्लेख गर्नुहोस ..." disabled />
  283. </td>
  284. </tr>
  285. <tr>
  286. <td style="padding: 3px; background-color: #BCEFBF;" class="label">
  287. <p style="margin-bottom: 10px; font-size: 13px; line-height: 20px;">(३) सेवा व्यवसायको कारोबार</p>
  288. </td>
  289. <td style="padding: 3px; background-color: #BCEFBF;">
  290. <input style="width:80px;" id="karobarkisim3" style="margin-left: 10px;" type="number" value="0" onFocus="startCalc();" onBlur="stopCalc();" placeholder="रकम उल्लेख गर्नुहोस ..." />
  291. </td>
  292. <td style="padding: 3px; background-color: #BCEFBF;">
  293. <p id="karkodar3" style="margin-bottom: 10px; font-size: 13px; line-height: 20px;">करको दर : २%</p>
  294. </td>
  295. <td style="padding: 3px; background-color: #BCEFBF;">
  296. <input style="width:80px;" id="karrakam3" style="margin-left: 10px;" type="number" value="0" onFocus="startCalc();" onBlur="stopCalc();" placeholder="रकम उल्लेख गर्नुहोस ..." disabled />
  297. </td>
  298. </tr>
  299. <tr>
  300. <td style="padding: 3px; background-color: #BCEFBF;" class="label">
  301. <p style="margin-bottom: 10px; font-size: 13px; line-height: 20px;">जम्मा कारोबार</p>
  302. </td>
  303. <td style="padding: 3px; background-color: #BCEFBF;">
  304. <input style="width:80px;" id="jammakarobar" style="margin-left: 10px;" type="number" onFocus="startCalc();" onBlur="stopCalc();" disabled />
  305. </td>
  306. </tr>
  307. </table>
  308. </td>
  309. </tr>
  310. <tr id="bikribitaranrow">
  311. <td class="label">अनुमानित कर विवरण दाखिला</td>
  312. <td>
  313. <input style="width: auto; margin-right: 2px;" onClick="kardakhilarakam();" type="radio" checked="checked" id="kardakhila" name="kardakhila" value="0" onFocus="startCalc();" onBlur="stopCalc();">गरेको &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
  314. <input style="width: auto; margin-right: 2px;" onClick="kardakhilarakam();" type="radio" id="kardakhila" name="kardakhila" value="2000" onFocus="startCalc();" onBlur="stopCalc();" /> नगरेको
  315. </td>
  316. </tr>
  317. <tr>
  318. <td class="label">किस्ताको कर बुझाएको</td>
  319. <td>
  320. प्रथम : <input style="width:143px;" type="number" id="kistarakam1" value="0" onFocus="startCalc();" onBlur="stopCalc();" /><br />
  321. दोश्रो : <input style="width:145px;" type="number" id="kistarakam2" value="0" onFocus="startCalc();" onBlur="stopCalc();" />
  322. </td>
  323. <td><select id="kistafyear" name="kistafyear" onFocus="startCalc();" onBlur="stopCalc();">
  324. <option value="0" selected="selected">बर्ष छान्नुहोस्</option>
  325. <option value="2071">२०७१</option>
  326. <option value="2072">२०७२</option>
  327. <option value="2073">२०७३</option>
  328. <option value="2074">२०७४</option>
  329. <option value="2075">२०७५</option>
  330. <option value="2076">२०७६</option>
  331. <option value="2077">२०७७</option>
  332. <option value="2078">२०७८</option>
  333. <option value="2079">२०७९</option>
  334. <option value="2080">२०८०</option>
  335. <option value="2081">२०८१</option>
  336. <option value="2082">२०८२</option>
  337. <option value="2083">२०८३</option>
  338. <option value="2084">२०८४</option>
  339. <option value="2085">२०८५</option>
  340. </select>
  341. <select id="kistasyear" name="kistasyear" onFocus="startCalc();" onBlur="stopCalc();">
  342. <option value="0" selected="selected">बर्ष छान्नुहोस्</option>
  343. <option value="2071">२०७१</option>
  344. <option value="2072">२०७२</option>
  345. <option value="2073">२०७३</option>
  346. <option value="2074">२०७४</option>
  347. <option value="2075">२०७५</option>
  348. <option value="2076">२०७६</option>
  349. <option value="2077">२०७७</option>
  350. <option value="2078">२०७८</option>
  351. <option value="2079">२०७९</option>
  352. <option value="2080">२०८०</option>
  353. <option value="2081">२०८१</option>
  354. <option value="2082">२०८२</option>
  355. <option value="2083">२०८३</option>
  356. <option value="2084">२०८४</option>
  357. <option value="2085">२०८५</option>
  358. </select>
  359. </td>
  360. <td>
  361. <select id="kistafmonth" name="kistafmonth" onFocus="startCalc();" onBlur="stopCalc();">
  362. <option value="0" selected="selected">महिना छान्नुहोस्</option>
  363. <option value="1">बैशाख</option>
  364. <option value="2">जेष्ठ</option>
  365. <option value="3">आषाढ</option>
  366. <option value="4">श्रावण</option>
  367. <option value="5">भाद्र</option>
  368. <option value="6">आश्विन</option>
  369. <option value="7">कार्तिक</option>
  370. <option value="8">मंग्सिर</option>
  371. <option value="9">पौष</option>
  372. <option value="10">माघ</option>
  373. <option value="11">फाल्गुण</option>
  374. <option value="12">चैत्र</option>
  375. </select>
  376. <select id="kistasmonth" name="kistasmonth" onFocus="startCalc();" onBlur="stopCalc();">
  377. <option value="0" selected="selected">महिना छान्नुहोस्</option>
  378. <option value="1">बैशाख</option>
  379. <option value="2">जेष्ठ</option>
  380. <option value="3">आषाढ</option>
  381. <option value="4">श्रावण</option>
  382. <option value="5">भाद्र</option>
  383. <option value="6">आश्विन</option>
  384. <option value="7">कार्तिक</option>
  385. <option value="8">मंग्सिर</option>
  386. <option value="9">पौष</option>
  387. <option value="10">माघ</option>
  388. <option value="11">फाल्गुण</option>
  389. <option value="12">चैत्र</option>
  390. </select>
  391. </td>
  392. </tbody>
  393. </table>
  394. </div>
  395. <div class="result">
  396. <table>
  397. <tr>
  398. <td class="label">जम्मा कर</td>
  399. <td><input type="number" id="jamma_kar" name="jamma_kar" value="0" onFocus="startCalc();" onBlur="stopCalc();" /></td>
  400. <td class="label">विवरण ढिलाको शुल्क (दफा ११७)</td>
  401. <td><input style="width: 150px;" type="number" value="0" id="dhilabujhaeko_shulka" name="dhilabujhaeko_shulka" onFocus="startCalc();" onBlur="stopCalc();" /></td>
  402. </tr>
  403. <tr>
  404. <td class="label">अनुमानित कर दाखिला नगरेको </td>
  405. <td><input type="number" id="anumanitkardakhila" value="0" name="anumanitkardakhila" onFocus="startCalc();" onBlur="stopCalc();" /></td>
  406. <td class="label">किस्ताको ब्याज (दफा ११८) <span style="font-weight: bold; color: red;">*</span></td>
  407. <td><input style="width: 150px;" type="number" id="kistabyaj" name="kistabyaj" onFocus="startCalc();" onBlur="stopCalc();" /></td>
  408. </tr>
  409. <tr>
  410. <td class="label">ब्याज (दफा ११९)</td>
  411. <td><input type="number" id="byaj" name="byaj" value="0" onFocus="startCalc();" onBlur="stopCalc();" /></td>
  412. <td class="label">जम्मा तिर्नुपर्ने कर/शुल्क/ब्याज</td>
  413. <td><input style="width: 150px;" type="number" id="totalkar" name="totalkar" onFocus="startCalc();" onBlur="stopCalc();" /></td>
  414. </tr>
  415. </table>
  416. <p style="line-height: 20px; text-align: center; color: red; font-size: 13px;">* अनुमानित विवरणको कारोबारको आधारमा किस्ताको ब्याज रकम फरक हुन सक्नेछ</p>
  417. </div>
  418. </div>
  419. </body>
  420. </html>
Add Comment
Please, Sign In to add comment