I developed a calculator but cannot get the (sqrt) "√" function key to work properly.
Can someone help me with this? Here is the calculator..........file:///C:/Users/twhecht68/Desktop/Calculator/calculator.html
<!DOCTYPE html>
<head>
<title>Calculator</title>
<link rel="stylesheet" href="style4.css" title="calculator.html"/>
<script type="text/javascript">
function myFunction() {
document.getElementById("demo").innerHTML = Math.sqrt();
}
function c(val)
{
document.getElementById("d").value=val;
}
function v(val)
{
document.getElementById("d").value+=val;
}
function e()
{
try
{
c(eval(document.getElementById("d").value))
}
catch(e)
{
c('Error')
}
}
</script>
</head>
<body>
<div id="container">
<h1>Todd's Calculator</h1>
</div>
<div class="box">
<div class="display"><input type="text" readonly size="18" id="d"/></div>
<div class="keys">
<!--------------1st row-------------------------->
<p><input type="button" class="button gray"
value="√" id="demo" onclick='v("√")'>
<input type="button" class="button gray"
value = "mr" onclick='v("mr")'>
<input type="button" class= "button gray"
value = "mc" onclick='v("mc")'></p>
<!-------------2nd row--------------------------->
<p><input type="button" class="button gray"
value="%" onclick='v("%")'>
<input type="button" class="button gray"
value="m+" onclick='v("m+")'>
<input type="button" class= "button gray"
value = "m-" onclick='v("m-")'>
<input type ="button" class="button magenta"
value="/" onclick='v("/")'></p>
<!-------------3rd row--------------------------->
<p><input type="button" class="button black"
value="7" onclick='v("7")'>
<input type="button" class="button black"
value="8" onclick='v("8")'>
<input type="button" class="button black"
value="9" onclick='v("9")'>
<input type="button" class = "button magenta"
value="*" onclick='v("*")'></p>
<!--------------4th row-------------------------->
<p><input type="button" class="button black"
value="4" onclick='v("4")'>
<input type="button"class="button black"
value="5" onclick='v("5")'>
<input type="button" class="button black"
value="6" onclick='v("6")'>
<input type="button" class="button magenta"
value="-" onclick='v("-")'></p>
<!---------------5th row------------------------>
<p><input type="button" class= "button black"
value="1" onclick='v("1")'>
<input type="button" class="button black"
value="2" onclick='v("2")'>
<input type="button" class="button black"
value="3" onclick='v("3")'>
<input type="button" class="button magenta"
value="+" onclick='v("+")'></p>
<!---------------6th row------------------------->
<p><input type="button" class="button black"
value="0" onclick='v("0")'>
<input type="button" class="button black"
value="." onclick='v(".")'>
<input type="button" class="button red"
value="C" onclick='c("")'>
<input type="button" class="button green"
value="=" onclick='e()'></p>
</div>
</div>
</body>
</html>
Can someone help me with this? Here is the calculator..........file:///C:/Users/twhecht68/Desktop/Calculator/calculator.html
<!DOCTYPE html>
<head>
<title>Calculator</title>
<link rel="stylesheet" href="style4.css" title="calculator.html"/>
<script type="text/javascript">
function myFunction() {
document.getElementById("demo").innerHTML = Math.sqrt();
}
function c(val)
{
document.getElementById("d").value=val;
}
function v(val)
{
document.getElementById("d").value+=val;
}
function e()
{
try
{
c(eval(document.getElementById("d").value))
}
catch(e)
{
c('Error')
}
}
</script>
</head>
<body>
<div id="container">
<h1>Todd's Calculator</h1>
</div>
<div class="box">
<div class="display"><input type="text" readonly size="18" id="d"/></div>
<div class="keys">
<!--------------1st row-------------------------->
<p><input type="button" class="button gray"
value="√" id="demo" onclick='v("√")'>
<input type="button" class="button gray"
value = "mr" onclick='v("mr")'>
<input type="button" class= "button gray"
value = "mc" onclick='v("mc")'></p>
<!-------------2nd row--------------------------->
<p><input type="button" class="button gray"
value="%" onclick='v("%")'>
<input type="button" class="button gray"
value="m+" onclick='v("m+")'>
<input type="button" class= "button gray"
value = "m-" onclick='v("m-")'>
<input type ="button" class="button magenta"
value="/" onclick='v("/")'></p>
<!-------------3rd row--------------------------->
<p><input type="button" class="button black"
value="7" onclick='v("7")'>
<input type="button" class="button black"
value="8" onclick='v("8")'>
<input type="button" class="button black"
value="9" onclick='v("9")'>
<input type="button" class = "button magenta"
value="*" onclick='v("*")'></p>
<!--------------4th row-------------------------->
<p><input type="button" class="button black"
value="4" onclick='v("4")'>
<input type="button"class="button black"
value="5" onclick='v("5")'>
<input type="button" class="button black"
value="6" onclick='v("6")'>
<input type="button" class="button magenta"
value="-" onclick='v("-")'></p>
<!---------------5th row------------------------>
<p><input type="button" class= "button black"
value="1" onclick='v("1")'>
<input type="button" class="button black"
value="2" onclick='v("2")'>
<input type="button" class="button black"
value="3" onclick='v("3")'>
<input type="button" class="button magenta"
value="+" onclick='v("+")'></p>
<!---------------6th row------------------------->
<p><input type="button" class="button black"
value="0" onclick='v("0")'>
<input type="button" class="button black"
value="." onclick='v(".")'>
<input type="button" class="button red"
value="C" onclick='c("")'>
<input type="button" class="button green"
value="=" onclick='e()'></p>
</div>
</div>
</body>
</html>