Percentage Calculator Widget for Blogger and Website

Percentage Calculator

Friends, this time I have come bringing a percentage calculator widget for you. This widget just calculate the percentage of any given number. This is just a simple html and javascript widget which is very easy to make it if you are familiar with basic html and javascipt. You should only put the base number and the real number, the which percentage is you would like to find out. Just copy the below code into your blogger and in order to do so, you just login into your blogger account and then go to the layout and click on add gadget. Now you choose html/javascript and paste the below code.

And if you want to show into your site, then just paste the css in between the <style>and </style> and javascript code in between the <script> and </script>

---

Javascript Percentage Calculator

---

<style>
input{ height:20px; border-radius:5px; margin-top:10px;}
a{font-size:8px;} </style>
<script>
function myfunction()
{
var a=document.f1.first.value;
var b=document.f1.second.value;
var percent=(a/b)*100;
alert(percent+"%");
}
</script>
<form name="f1" onsubmit="myfunction()">
<strong>Real Value:</strong><input type="number" name="first"/><br />
<strong>Base Value:</strong><input type="number" name="second" /><br />
<input type="submit" name="btn" style="background:#00F; color:#FFF;" value="Get" />
</form>
<a href="http://allblogsolution.blogspot.com/2015/01/percentage-calculator-widget-for.html">Get Percentage Calculator Widget</a>  

Click Here for Demo

Real Value:
Base Value:

Get Percentage Calculator WidgetThank you and if you have any problem about blogger and blogging techniques, do not forget to comment in the comment box below. 

Tweet