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 :
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
COMMENTS REMOVER CODE
COMMENTS REMOVER
FILE SAVE AS WITH JAVA SCRIPT METHO...
Related Post for SIMPLE PERCENTAGE TO DECIMAL CALCULATOR CODE
SEQUENCE SOLVER CALCULATOR CODE
ADDING SUBTRACTING MIXED NUMBERS CALCULATOR
COMPARE FRACTIONS CALCULATOR
FRACTION CALCULATOR
LINEAR GRAPH CALCULATOR CODE
EXPONENT CALCULATOR CODE
FIND AND REPLACE TEXT
ADDING SUBTRACTING 3 FRACTION CALCULATOR
PRIME FACTORING CALCULATOR
MEAN MEDIAN MODE RANGE CALCULATOR
LCM CALCULATOR
PRIME NUMBER CHECKER
PRIME FACTORING CALCULATOR CODE
RIGHT ANGLE TRIANGLES CALCULATOR
SIMPLE GRAPH MAKER
DECIMAL TO SCIENTIFIC NOTATION CODE
CIRCLE CALCULATOR
FRACTION CALCULATOR CODE
PRIME NUMBER GENERATOR CODE
LINEAR CALCULATOR
RIGHT ANGLE TRIANGLES CALCULATOR CODE
PRIME NUMBER CHECKER CODE
DIVIDING FRACTIONS CALCULATOR
DIVIDING FRACTIONS CALCULATOR CODE
EXPONENT CALCULATOR
LCM CALCULATOR CODE
Scientific Notation To Decimal Converter
COMPARE FRACTIONS CALCULATOR CODE
SEQUENCE SOLVER CALCULATOR
FACTORING CALCULATOR
ADDING SUBTRACTING 3 FRACTION CALCULATOR CODE
LINEAR CALCULATOR CODE
LONG DIVISION CALCULATOR CODE
LONG DIVISION CALCULATOR
FACTORING CALCULATOR CODE
GREATEST COMMON FACTOR CALCULATOR
DECIMAL TO SCIENTIFIC NOTATION CONVERTER
Scientific Notation To Decimal Converter Code
SIMPLE GRAPH MAKER CODE
CIRCLE CALCULATOR CODE
ADDING SUBTRACTING FRACTION CALCULATOR CODE
FIND AND REPLACE TEXT CODE
MEAN MEDIAN MODE RANGE CALCULATOR CODE
PRIME NUMBER GENERATOR
ADDING SUBTRACTING MIXED NUMBERS CALCULATOR CODE
DECIMAL TO HEX CONVERTER CODE
ADDING SUBTRACTING FRACTION 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.