Нерабочий код.
Добрый день.
Недавно начала самостоятельно изучать программирование. Но дело идет не очень гладко.
Проблемы начались уже с банальным написанием калькулятора.
Вот этот код:
<html>
<head>
<title>Калькулятор</title>
<style type="text/css">
body {
background: black;
}
.button {
width:40px;
height:30px;
background: black;
box-shadow: 5px 5px 50px;
}
.display input{
position:relative;
left:20px;
top:20px;
height:35px;
color:red;
text-align:center;
font-size:15px;
}
</style>
<script type="text/javascript">
function c(val)
{
document.getElementById("display").value=val;
}
function math(val){
document.getElementById("display").value+=val;
}
function e(){
try
{
c(eval(getElementById("display").value));
}
catch(e)
{
c('Error');
}
}
</script>
</head>
<body>
<div class="keys">
<div allgn ="center">
<div class="display"><input type ="text" size="19.5" id="display" readonly>
<p>
<input tupe="button" class="button" value="c" onclick='c(" ")' >
<input tupe="button" class="button" value="(" onclick='math("(")'>
<input tupe="button" class="button" value=")" onclick='math(")")'>
<input tupe="button" class="button" value="/" onclick='math("/")'>
</p>
<p>
<input tupe="button" class="button" value="7" onclick='math("7")'>
<input tupe="button" class="button" value="8" onclick='math("8")'>
<input tupe="button" class="button" value="9" onclick='math("9")'>
<input tupe="button" class="button" value="*" onclick='math("*")'>
</p>
<p>
<input tupe="button" class="button" value="4" onclick='math("4")'>
<input tupe="button" class="button" value="5" onclick='math("5")'>
<input tupe="button" class="button" value="6" onclick='math("6")'>
<input tupe="button" class="button" value="-" onclick='math("-")'>
</p>
<p>
<input tupe="button" class="button" value="1" onclick='math("1")'>
<input tupe="button" class="button" value="2" onclick='math("2")'>
<input tupe="button" class="button" value="3" onclick='math("3")'>
<input tupe="button" class="button" value="+" onclick='math("+")'>
</p>
<p> <input tupe="button" class="button" value="0" onclick='math("0")'>
<input tupe="button" class="button" value="." onclick='math(".")'>
<input tupe="button" class="button" value="mrc" onclick='c("not defined")'>
<input tupe="button" class="button" value="=" onclick='e()'>
</p>
</div>
</div>
</div>
</body>
</html>
При нажатии «=» выводит Error, т.е. игнорирует строку:
try
{
c(eval(getElementById("display").value));
}
Подскажите, пожалуйста, где здесь ошибка и как исправить.