Thursday, 10 September 2015
SIMPLE PERCENTAGE TO DECIMAL CALCULATOR CODE
-----------------------------------------------------------------------------------------------------------------
COPY AND PASTE BELOW CODE IN POST HTML SECTION
------------------------------------------------------------------------------------------------------------------
EXP:1
---------------------------------------------------------------------------------------------------------------------
<html>
<head>
<title>SIMPLE PERCENTAGE TO DECIMAL CALCULATOR</title>
</head>
<body>
<h1 align="center"> SIMPLE PERCENTAGE TO DECIMAL CALCULATOR</h1>
<form action="javascript:calc()">
Input: <input type="text" id="input"/><br />
Percent: <input type="text" id="percent" value="100"/>%<br />
Output: <input type="text" id="output"/><br />
<input type="submit" />
</form>
<script>
function calc() {
var i = document.getElementById("input").value;
var p = document.getElementById("percent").value;
var o = (i/100) ;
document.getElementById("output").value = o;
}
</script>
</body>
</html>
------------------------------------------------------------------------------------------------------------------
EXP:2
---------------------------------------------------------------------------------------------------------------------
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="content-type" content="text/html; charset=UTF-8">
<title> - jsFiddle demo</title>
<html>
<head>
<meta http-equiv="content-type" content="text/html; charset=UTF-8">
<title> - jsFiddle demo</title>
<script type='text/javascript' src='//code.jquery.com/jquery-1.8.3.js'></script>
<link rel="stylesheet" type="text/css" href="/css/result-light.css">
<style type='text/css'>
span{width:50px; display:inline-block}
input{margin-right:3px;}
</style>
span{width:50px; display:inline-block}
input{margin-right:3px;}
</style>
<script type='text/javascript'>//<![CDATA[
$(window).load(function(){
$(document).ready(function(){
$("#price1, #price2").keyup(function() {
var priceOne = parseFloat($("#price1").val());
var priceTwo = parseFloat($("#price2").val());
var rate = parseFloat($("#rate").val());
if ($("#price1").val() && $("#price2").val()){
$('#rate').val(((priceTwo - priceOne) / priceOne * 100).toFixed(2));
}
});
$("#rate").keyup(function() {
var priceOne = parseFloat($("#price1").val());
var rate = parseFloat($("#rate").val());
var priceOne = parseFloat($("#price1").val());
var rate = parseFloat($("#rate").val());
if ($("#rate").val() && $("#price1").val() && $("#price2").val()){
$('#price2').val(((priceOne * rate)/ 100 + priceOne).toFixed(2));
}
});
})
});//]]>
$('#price2').val(((priceOne * rate)/ 100 + priceOne).toFixed(2));
}
});
})
});//]]>
</script>
</head>
<body>
<div>
<span>Price1</span><input id="price1" type="text"/>
</div>
<br>
<div>
<span>Price2</span><input id="price2" type="text"/></div>
<br>
<div><span>Rate</span><input id="rate" type="text" style="width:50px"/>%</div>
<p>Write down two numbers, then change the Rate number</p>
<body>
<div>
<span>Price1</span><input id="price1" type="text"/>
</div>
<br>
<div>
<span>Price2</span><input id="price2" type="text"/></div>
<br>
<div><span>Rate</span><input id="rate" type="text" style="width:50px"/>%</div>
<p>Write down two numbers, then change the Rate number</p>
</body>
</html>
Related movie you might like to see :
COMMENTS REMOVER CODE
COMMENTS REMOVER
FILE SAVE AS WITH JAVA SCRIPT METHO...
FILE SAVE AS WITH JAVA SCRIPT METH...
HTML CSS JAVA COMPRESSOR CODE
HTML CSS JAVA COMPRESSOR
ONLINE CSS UNMINIFIER CODE
ONLINE CSS UNMINIFIER
CSSO (CSS Optimizer)
SCRIPT TUTORIALS CSSO CSS COMPOSER ...
WHITE SPACE REMOVER CODE
White Space Remover
Related Post for SIMPLE PERCENTAGE TO DECIMAL CALCULATOR CODE
HOW MANY DIVISORS DOES A NUMBER HAVE?
LINEAR EQUATION CALCULATOR CODE
URDU TYPE WRITER CODE
PRIME FACTORS BRANCH CALCULATOR CODE
HCF AND LCM WITH BRACH METHOD CALCULATOR CODE
HCF AND LCM WITH BRACH METHOD CALCULATOR
GREATEST COMMON FACTOR CALCULATOR CODE
LINEAR EQUATION CALCULATOR
URDU TYPE WRITER
PRIME FACTORS BRANCH CALCULATOR
HOW MANY DIVISORS DOES A NUMBER HAVE?
Subscribe to:
Post Comments (Atom)
0 comments:
Post a Comment
Click to see the code!
To insert emoticon you must added at least one space before the code.