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 :
ONLINE CSS UNMINIFIER
CSSO (CSS Optimizer)
SCRIPT TUTORIALS CSSO CSS COMPOSER ...
WHITE SPACE REMOVER CODE
White Space Remover
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
Related Post for SIMPLE PERCENTAGE TO DECIMAL CALCULATOR CODE
ADDING SUBTRACTING MIXED NUMBERS CALCULATOR
ADDING SUBTRACTING FRACTION CALCULATOR CODE
NON PERFECT SQUARE ROOT CALCULATOR
COMPARE FRACTIONS CALCULATOR CODE
PERCENTAGE CHANGE BAR CHART CODE
LINEAR EQUATION SOLVER
DIVIDING FRACTIONS CALCULATOR
ADDING SUBTRACTING MIXED NUMBERS CALCULATOR CODE
PYTHAGOREAN THEOREM CALCULATOR
DIVIDING FRACTIONS CALCULATOR CODE
ADDING SUBTRACTING FRACTION CALCULATOR
SCIENTIFIC NOTATION CALCULATOR CODE
NON PERFECT SQUARE ROOT CALCULATOR CODE
ADDING SUBTRACTING 3 FRACTION CALCULATOR CODE
TRIANGLE CALCULATOR CODE
MULTIPLYING FRACTIONS CALCULATOR
MATH FRACTION REDUCER CALCULATOR CODE
PRIME NUMBER CHECKER CODE
LINEAR EQUATION SOLVER CODE
SLOPE CALCULATOR WITH GRAPH
SCIENTIFIC NOTATION CALCULATOR
STANDARD DEVIATION CALCULATOR
PYTHAGOREAN THEOREM CALCULATOR CODE
PRIME NUMBER CHECKER
MULTIPLYING FRACTIONS CALCULATOR CODE
SLOPE CALCULATOR WITH GRAPH CODE
PRIME NUMBER GENERATOR
ADDING SUBTRACTING 3 FRACTION CALCULATOR
PERCENT CALCULATOR PIE CHART
COMPARE FRACTIONS CALCULATOR
PRIME NUMBER GENERATOR CODE
TRIANGLE CALCULATOR
PERCENT CALCULATOR PIE CODE
PERCENTAGE CHANGE BAR CHART CALCULATOR
MATH FRACTION REDUCER CALCULATOR
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.