Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- <!DOCTYPE html>
- <html>
- <head>
- <title>घर बहाल करको गणना</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 = 4;
- var bujhaune_year = document.getElementById("bujhaune_year").value;
- var bujhaune_month = document.getElementById("bujhaune_month").value;
- var bahalkar = document.getElementById("bahalkar").value;
- var jammabarsa = bujhaune_year - bujhaunuparne_fy;
- var jammamonth = bujhaune_month - bujhaunuparne_month;
- var totalmonth = (jammabarsa * 12) + jammamonth;
- var totalbahalkar = (bahalkar * 12) * 0.1;
- if (totalbahalkar < 0) {
- totalbahalkar = 0;
- }
- var dhila_byaj = ((totalmonth + 6) / 12) * 0.15 * totalbahalkar;
- if (dhila_byaj < 0) {
- dhila_byaj = 0;
- }
- totalbahalkar = Math.round(totalbahalkar);
- dhila_byaj = Math.round(dhila_byaj);
- //Result
- document.getElementById("bujhaunuparne_kar").value = totalbahalkar;
- document.getElementById("dhila_byaj").value = dhila_byaj;
- document.getElementById("jamma_kar").value = parseFloat(document.getElementById("bujhaunuparne_kar").value) + parseFloat(document.getElementById("dhila_byaj").value);
- }
- function stopCalc(){
- clearInterval(interval);
- }
- </script>
- </head>
- <body>
- <div id="container">
- <div class="header">
- <h3>घर बहाल करको गणना</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>
- <input id="bahalkar" type="number" name="bahalkar" value="0" 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" value="0" name="bujhaunuparne_kar" onFocus="startCalc();" onBlur="stopCalc();" /></td>
- </tr>
- <tr>
- <td class="label">ढिला बुझाएको ब्याज</td>
- <td><input type="text" id="dhila_byaj" value="0" name="dhila_byaj" onFocus="startCalc();" onBlur="stopCalc();" /></td>
- </tr>
- <tr>
- <td class="label">जम्मा बुझाउनुपर्ने बहाल कर</td>
- <td><input type="number" id="jamma_kar" value="0" name="jamma_kar" onFocus="startCalc();" onBlur="stopCalc();" /></td>
- </tr>
- </table>
- </div>
- </div>
- </body>
- </html>
Add Comment
Please, Sign In to add comment