API tools faq
paste
humanware

Health Service Tax

humanware
Jul 28th, 2016
66
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 13.56 KB | None | 0 0
raw download clone embed print report
  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. font-size: 16px;
  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: 5px;
  52. }
  53. </style>
  54. <script type='text/javascript'>
  55. function chaumasik_showhide() {
  56. var chaumasikshow = document.getElementById("chaumasik");
  57. var firstchaumasik = document.getElementById("firstchaumasik");
  58. var secondchaumasik = document.getElementById("secondchaumasik");
  59. var thirdchaumasik = document.getElementById("thirdchaumasik");
  60. var firstchaumasiklabel = document.getElementById("firstchaumasiklabel");
  61. var secondchaumasiklabel = document.getElementById("secondchaumasiklabel");
  62. var thirdchaumasiklabel = document.getElementById("thirdchaumasiklabel");
  63.  
  64. firstchaumasik.style.display = chaumasikshow.value == "chaumasik1" ? "table-row" : "none";
  65. firstchaumasiklabel.style.display = chaumasikshow.value == "chaumasik1" ? "table-row" : "none";
  66. secondchaumasik.style.display = chaumasikshow.value == "chaumasik2" ? "table-row" : "none";
  67. secondchaumasiklabel.style.display = chaumasikshow.value == "chaumasik2" ? "table-row" : "none";
  68. thirdchaumasik.style.display = chaumasikshow.value == "chaumasik3" ? "table-row" : "none";
  69. thirdchaumasiklabel.style.display = chaumasikshow.value == "chaumasik3" ? "table-row" : "none";
  70. }
  71.  
  72. function startCalc(){
  73. interval = setInterval("calc()",1);
  74. }
  75.  
  76. function calc() {
  77. //From User Input
  78. var aarthik_barsa = document.getElementById("aarthik_barsa").value;
  79. var bujhaaune_barsa = document.getElementById("bujhaaune_barsa").value;
  80. var bujhaaune_mahina = document.getElementById("bujhaaune_mahina").value;
  81. var bujhaaune_gate = document.getElementById("bujhaaune_gate").value;
  82. var chaumasik = document.getElementById("chaumasik").value;
  83. var aarthik_month = 0;
  84. if (chaumasik == "chaumasik1") {
  85. aarthik_month = 8;
  86. } else if (chaumasik == "chaumasik2") {
  87. aarthik_month = 12;
  88. } else if (chaumasik == "chaumasik3") {
  89. aarthik_barsa = parseFloat(aarthik_barsa) + 1;
  90. aarthik_month = 4;
  91. }
  92.  
  93. var aarthik_day = 25;
  94.  
  95. var chaumasik1 = document.getElementById("chaumasik1").value;
  96. var chaumasik2 = document.getElementById("chaumasik2").value;
  97. var chaumasik3 = document.getElementById("chaumasik3").value;
  98.  
  99. var jammabarsa = bujhaaune_barsa - aarthik_barsa;
  100. var jammamahina = bujhaaune_mahina - aarthik_month;
  101. var totalmonth = (jammabarsa * 12) + jammamahina;
  102. var totalday = bujhaaune_gate - aarthik_day;
  103. var jammadin = (totalmonth * 30) + totalday;
  104.  
  105. var bujhaunuparne_kar = (parseFloat(chaumasik1) + parseFloat(chaumasik2) + parseFloat(chaumasik3)) * 0.05;
  106. var dhila_shulka = 0;
  107.  
  108. if (jammadin > 0) {
  109. dhila_shulka = 1000;
  110. } else if (jammadin < 0) {
  111. dhila_shulka = 0;
  112. }
  113. var byaj_rakam = 0;
  114. var totalmonth = 0;
  115. for (var i = 1; i <= jammadin; i += 30) {
  116. totalmonth++;
  117. byaj_rakam = bujhaunuparne_kar * 0.15 * totalmonth / 12;
  118. };
  119.  
  120. if (bujhaunuparne_kar < 0) {
  121. bujhaunuparne_kar = 0;
  122. }
  123. if (dhila_shulka < 0) {
  124. dhila_shulka = 0;
  125. }
  126. if (byaj_rakam < 0) {
  127. byaj_rakam = 0;
  128. }
  129.  
  130. bujhaunuparne_kar = Math.round(bujhaunuparne_kar);
  131. dhila_shulka = Math.round(dhila_shulka);
  132. byaj_rakam = Math.round(byaj_rakam);
  133.  
  134. var jammakar = parseInt(document.getElementById("bujhaunuparne_kar").value) + parseInt(document.getElementById("dhila_shulka").value) + parseInt(document.getElementById("byaj_rakam").value);
  135.  
  136. //Result
  137. document.getElementById("bujhaunuparne_kar").value = bujhaunuparne_kar;
  138. document.getElementById("dhila_shulka").value = dhila_shulka;
  139. document.getElementById("byaj_rakam").value = byaj_rakam;
  140. document.getElementById("jamma_kar").value = jammakar;
  141. }
  142.  
  143. function reset_result() {
  144. document.getElementById("chaumasik1").value = 0;
  145. document.getElementById("chaumasik2").value = 0;
  146. document.getElementById("chaumasik3").value = 0;
  147. }
  148.  
  149. function stopCalc(){
  150. clearInterval(interval);
  151. }
  152. </script>
  153. </head>
  154. <body>
  155. <div id="container">
  156. <div class="header">
  157. <h3>स्वास्थ्य सेवा शुल्कको गणना</h3>
  158. </div>
  159. <div class="userinput">
  160. <table id="calculator">
  161. <tbody>
  162. <tr>
  163. <td class="label">आर्थिक वर्ष</td>
  164. <td>
  165. <select id="aarthik_barsa" name="aarthik_barsa" onFocus="startCalc();" onBlur="stopCalc();">
  166. <option value="0" selected>आ.व. छान्नुहोस्</option>
  167. <option value="2072">आ.व. २०७२/०७३</option>
  168. <option value="2073">आ.व. २०७३/०७४</option>
  169. <option value="2074">आ.व. २०७४/०७५</option>
  170. <option value="2075">आ.व. २०७५/०७६</option>
  171. <option value="2076">आ.व. २०७६/०७७</option>
  172. <option value="2077">आ.व. २०७७/०७८</option>
  173. <option value="2078">आ.व. २०७८/०७९</option>
  174. <option value="2079">आ.व. २०७९/०८०</option>
  175. <option value="2080">आ.व. २०८०/०८१</option>
  176. <option value="2081">आ.व. २०८१/०८२</option>
  177. <option value="2082">आ.व. २०८२/०८३</option>
  178. <option value="2083">आ.व. २०८३/०८४</option>
  179. <option value="2084">आ.व. २०८४/०८५</option>
  180. <option value="2085">आ.व. २०८५/०८६</option>
  181. </select>
  182. </td>
  183. </tr>
  184. <tr>
  185. <td class="label">चौमासिक</td>
  186. <td>
  187. <select id="chaumasik" name="chaumasik" onclick="chaumasik_showhide(); reset_result();" onFocus="startCalc();" onBlur="startCalc();">
  188. <option value="0" selected="selected">चौमासिक छान्नुहोस्</option>
  189. <option value="chaumasik1">प्रथम चौमासिक (श्रावण - कार्तिक)</option>
  190. <option value="chaumasik2">दोश्रो चौमासिक (मङ्सिर - फाल्गुण)</option>
  191. <option value="chaumasik3">तेश्रो चौमासिक (चैत्र - आषाढ)</option>
  192. </select>
  193. </td>
  194. </tr>
  195. <tr>
  196. <td class="label">रकम बुझाउने वर्ष र महिना</td>
  197. <td>
  198. <select id="bujhaaune_barsa" name="bujhaaune_barsa" onFocus="startCalc();" onBlur="stopCalc();">
  199. <option value="0" selected="selected">वर्ष छान्नुहोस्</option>
  200. <option value="2072">२०७२</option>
  201. <option value="2073">२०७३</option>
  202. <option value="2074">२०७४</option>
  203. <option value="2075">२०७५</option>
  204. <option value="2076">२०७६</option>
  205. <option value="2076">२०७७</option>
  206. <option value="2076">२०७८</option>
  207. <option value="2076">२०७९</option>
  208. <option value="2076">२०८०</option>
  209. <option value="2076">२०८१</option>
  210. <option value="2076">२०८२</option>
  211. <option value="2076">२०८३</option>
  212. <option value="2076">२०८४</option>
  213. <option value="2076">२०८५</option>
  214. </select>
  215. </td>
  216. <td>
  217. <select id="bujhaaune_mahina" name="bujhaaune_mahina" onFocus="startCalc();" onBlur="stopCalc();">
  218. <option value="0" selected="selected">महिना छान्नुहोस्</option>
  219. <option value="1">बैशाख</option>
  220. <option value="2">जेष्ठ</option>
  221. <option value="3">आषाढ</option>
  222. <option value="4">श्रावण</option>
  223. <option value="5">भाद्र</option>
  224. <option value="6">आश्विन</option>
  225. <option value="7">कार्तिक</option>
  226. <option value="8">मंग्सिर</option>
  227. <option value="9">पौष</option>
  228. <option value="10">माघ</option>
  229. <option value="11">फाल्गुण</option>
  230. <option value="12">चैत्र</option>
  231. </select>
  232. </td>
  233. <td>
  234. <select id="bujhaaune_gate" name="bujhaaune_gate" onFocus="startCalc();" onBlur="stopCalc();">
  235. <option value="0" selected="selected">गते छान्नुहोस्</option>
  236. <option value="1">१ गते</option>
  237. <option value="2">२ गते</option>
  238. <option value="3">३ गते</option>
  239. <option value="4">४ गते</option>
  240. <option value="5">५ गते</option>
  241. <option value="6">६ गते</option>
  242. <option value="7">७ गते</option>
  243. <option value="8">८ गते</option>
  244. <option value="9">९ गते</option>
  245. <option value="10">१० गते</option>
  246. <option value="11">११ गते</option>
  247. <option value="12">१२ गते</option>
  248. <option value="13">१३ गते</option>
  249. <option value="14">१४ गते</option>
  250. <option value="15">१५ गते</option>
  251. <option value="16">१६ गते</option>
  252. <option value="17">१७ गते</option>
  253. <option value="18">१८ गते</option>
  254. <option value="19">१९ गते</option>
  255. <option value="20">२० गते</option>
  256. <option value="21">२१ गते</option>
  257. <option value="22">२२ गते</option>
  258. <option value="23">२३ गते</option>
  259. <option value="24">२४ गते</option>
  260. <option value="25">२५ गते</option>
  261. <option value="26">२६ गते</option>
  262. <option value="27">२७ गते</option>
  263. <option value="28">२८ गते</option>
  264. <option value="29">२९ गते</option>
  265. <option value="30">३० गते</option>
  266. </select>
  267. </td>
  268. </tr>
  269. <tr id="firstchaumasiklabel" style="display: none;">
  270. <td></td>
  271. <td colspan="2"><strong>प्रथम चौमासिकको कारोबार रकम</strong></td>
  272. </tr>
  273. <tr id="firstchaumasik" style="display: none;">
  274. <td class="label">प्रथम चौमासिक</td>
  275. <td>
  276. <input id="chaumasik1" value="0" type="number" placeholder="कारोबार रकम लेख्नुहोस " onFocus="startCalc();" onBlur="stopCalc();" />
  277. </td>
  278. </tr>
  279. <tr id="secondchaumasiklabel" style="display: none;">
  280. <td></td>
  281. <td colspan="2"><strong>दोश्रो चौमासिकको कारोबार रकम</strong></td>
  282. </tr>
  283. <tr id="secondchaumasik" style="display: none;">
  284. <td class="label">दोश्रो चौमासिक</td>
  285. <td>
  286. <input id="chaumasik2" value="0" type="number" placeholder="कारोबार रकम लेख्नुहोस " onFocus="startCalc();" onBlur="stopCalc();" />
  287. </td>
  288. </tr>
  289. <tr id="thirdchaumasiklabel" style="display: none;">
  290. <td></td>
  291. <td colspan="2"><strong>तेश्रो चौमासिकको कारोबार रकम</strong></td>
  292. </tr>
  293. <tr id="thirdchaumasik" style="display: none;">
  294. <td class="label">तेश्रो चौमासिक</td>
  295. <td>
  296. <input id="chaumasik3" value="0" type="number" placeholder="कारोबार रकम लेख्नुहोस " onFocus="startCalc();" onBlur="stopCalc();" />
  297. </td>
  298. </tr>
  299. </tbody>
  300. </table>
  301. </div>
  302. <div class="result">
  303. <table>
  304. <tr>
  305. <td class="label">शिक्षा सेवा शुल्क</td>
  306. <td><input type="number" id="bujhaunuparne_kar" name="bujhaunuparne_kar" onFocus="startCalc();" onBlur="stopCalc();" /></td>
  307. </tr>
  308. <tr>
  309. <td class="label">विवरण ढिलाको शुल्क</td>
  310. <td><input type="number" id="dhila_shulka" name="bujhaeko_shulka" onFocus="startCalc();" onBlur="stopCalc();" /></td>
  311. </tr>
  312. <tr>
  313. <td class="label">ब्याज रकम</td>
  314. <td><input type="number" id="byaj_rakam" name="dhila_byaj" onFocus="startCalc();" onBlur="stopCalc();" /></td>
  315. </tr>
  316. <tr>
  317. <td class="label">जम्मा शिक्षा सेवा कर/शुल्क/ब्याज</td>
  318. <td><input type="number" id="jamma_kar" name="jamma_kar" onFocus="startCalc();" onBlur="stopCalc();" /></td>
  319. </tr>
  320. </table>
  321. </div>
  322. </div>
  323. </body>
  324. </html>
Add Comment
Please, Sign In to add comment
Public Pastes
We use cookies for various purposes including analytics. By continuing to use Pastebin, you agree to our use of cookies as described in the Cookies Policy.  OK, I Understand
Not a member of Pastebin yet?
Sign Up, it unlocks many cool features!