humanware

Bahal Kar

Jul 28th, 2016
57
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 6.29 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: 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 = 4;
  62. var bujhaune_year = document.getElementById("bujhaune_year").value;
  63. var bujhaune_month = document.getElementById("bujhaune_month").value;
  64. var bahalkar = document.getElementById("bahalkar").value;
  65.  
  66. var jammabarsa = bujhaune_year - bujhaunuparne_fy;
  67. var jammamonth = bujhaune_month - bujhaunuparne_month;
  68. var totalmonth = (jammabarsa * 12) + jammamonth;
  69.  
  70. var totalbahalkar = (bahalkar * 12) * 0.1;
  71. if (totalbahalkar < 0) {
  72. totalbahalkar = 0;
  73. }
  74. var dhila_byaj = ((totalmonth + 6) / 12) * 0.15 * totalbahalkar;
  75. if (dhila_byaj < 0) {
  76. dhila_byaj = 0;
  77. }
  78.  
  79. totalbahalkar = Math.round(totalbahalkar);
  80. dhila_byaj = Math.round(dhila_byaj);
  81.  
  82. //Result
  83. document.getElementById("bujhaunuparne_kar").value = totalbahalkar;
  84. document.getElementById("dhila_byaj").value = dhila_byaj;
  85. document.getElementById("jamma_kar").value = parseFloat(document.getElementById("bujhaunuparne_kar").value) + parseFloat(document.getElementById("dhila_byaj").value);
  86. }
  87.  
  88. function stopCalc(){
  89. clearInterval(interval);
  90. }
  91. </script>
  92. </head>
  93. <body>
  94. <div id="container">
  95. <div class="header">
  96. <h3>घर बहाल करको गणना</h3>
  97. </div>
  98. <div class="userinput">
  99. <table id="calculator">
  100. <thead></thead>
  101. <tbody>
  102. <tr>
  103. <td class="label">बहाल कर बुझाउनुपर्ने आर्थिक वर्ष</td>
  104. <td><select id="bujhaunuparne_fy" name="bujhaunuparne_fy" onFocus="startCalc();" onBlur="stopCalc();">
  105. <option value="0" selected>आ.व. छान्नुहोस्</option>
  106. <option value="2065">आ.व. २०६४/०६५</option>
  107. <option value="2066">आ.व. २०६५/०६६</option>
  108. <option value="2067">आ.व. २०६६/०६७</option>
  109. <option value="2068">आ.व. २०६७/०६८</option>
  110. <option value="2069">आ.व. २०६८/०६९</option>
  111. <option value="2070">आ.व. २०६९/७०</option>
  112. <option value="2071">आ.व. २०७०/०७१</option>
  113. <option value="2072">आ.व. २०७१/०७२</option>
  114. <option value="2073">आ.व. २०७२/०७३</option>
  115. <option value="2074">आ.व. २०७३/०७४</option>
  116. <option value="2075">आ.व. २०७४/०७५</option>
  117. <option value="2076">आ.व. २०७५/०७६</option>
  118. </select>
  119. </td>
  120. <td></td>
  121. </tr>
  122. <tr>
  123. <td class="label">कर बुझाउने वर्ष र महिना</td>
  124. <td>
  125. <select id="bujhaune_year" name="bujhaune_year" onFocus="startCalc();" onBlur="stopCalc();">
  126. <option value="0" selected="selected">वर्ष छान्नुहोस्</option>
  127. <option value="2073">२०७३</option>
  128. <option value="2074">२०७४</option>
  129. <option value="2075">२०७५</option>
  130. <option value="2076">२०७६</option>
  131. </select>
  132. </td>
  133. <td>
  134. <select id="bujhaune_month" name="bujhaune_month" onFocus="startCalc();" onBlur="stopCalc();">
  135. <option value="0" selected="selected">महिना छान्नुहोस्</option>
  136. <option value="1">बैशाख</option>
  137. <option value="2">जेष्ठ</option>
  138. <option value="3">आषाढ</option>
  139. <option value="4">श्रावण</option>
  140. <option value="5">भाद्र</option>
  141. <option value="6">आश्विन</option>
  142. <option value="7">कार्तिक</option>
  143. <option value="8">मंग्सिर</option>
  144. <option value="9">पौष</option>
  145. <option value="10">माघ</option>
  146. <option value="11">फाल्गुण</option>
  147. <option value="12">चैत्र</option>
  148. </select>
  149. </td>
  150. </tr>
  151. <tr>
  152. <td class="label">बहाल कर (मासिक)</td>
  153. <td>
  154. <input id="bahalkar" type="number" name="bahalkar" value="0" onFocus="startCalc();" onBlur="stopCalc();" />
  155. </td>
  156. </tr>
  157. </tbody>
  158. </table>
  159. </div>
  160. <div class="result">
  161. <table>
  162. <tr>
  163. <td class="label">बहाल कर</td>
  164. <td><input type="text" id="bujhaunuparne_kar" value="0" name="bujhaunuparne_kar" onFocus="startCalc();" onBlur="stopCalc();" /></td>
  165. </tr>
  166. <tr>
  167. <td class="label">ढिला बुझाएको ब्याज</td>
  168. <td><input type="text" id="dhila_byaj" value="0" name="dhila_byaj" onFocus="startCalc();" onBlur="stopCalc();" /></td>
  169. </tr>
  170. <tr>
  171. <td class="label">जम्मा बुझाउनुपर्ने बहाल कर</td>
  172. <td><input type="number" id="jamma_kar" value="0" name="jamma_kar" onFocus="startCalc();" onBlur="stopCalc();" /></td>
  173. </tr>
  174. </table>
  175. </div>
  176. </div>
  177. </body>
  178. </html>
Add Comment
Please, Sign In to add comment