Простой калькулятор площади и периметра не работает
Всем привет.
Просто интересно, может ли кто-нибудь сказать мне, что я делаю не так.
Новички в кодировании сделали несколько таких вещей, но это, похоже, не работает :/
Ниже приведен код
Что я уже пробовал:
<!DOCTYPE html>
<html>
<head>
<script>
var $ = function(id){ //gets information from the text box to rest of script
return document.getElementById(id);
} //end of dollar function
function calculateArea(){ //calculates the area using the users input
var width = document.getElementById("width")".value;
var length = document.getElementByID("length").value;
var area = length.value * width.value; //calculation for area
area = area.toFixed(2);
var perimeter = width * 2 + length * 2;
document.getElementById('area').value = area;
document.getElementByID('perimeter').value = perimeter;
} //end of calculateArea function
function calculatePerimeter (length,width){ //calculates the perimeter using the users inputs
var perimeter = width.value*2 + length.value*2; //calculation for perimeter
perimeter = perimeter.toFixed(2);
return perimeter; //outputs the calcultion
} //end of calculatePerimeter function
function processEntries(){
var length = parseFloat($("length").value);
var width = parseFloat($("width").value);
$("area").value = calculateArea();
$("perimeter").value = calculatePerimeter();
alert("test");
}
} //end of processEnteries
window.onload = function(){ //waits for the user to click the button then processes
alert("test1");
$("calculate").onclick = processEntries; //processes input
$("length").focus(); //makes it flash waiting for users input
}// end of button on click command
</script>
</head>
<body>
<main>
<h1> Area & Perimeter Calculator </h1><br>
<label for="intructions">Enter numerical values below and click "Calculate".</label><br>
<p><label for="length">Length: </label>
<input type="text" id="length"><br>
<label for="width">Width: </label>
<input type="text" id="width"><br>
<label for="area">Area: </label>
<input type="text" id="area"><br>
<label for="perimeter">Perimeter: </label>
<input type="text" id="perimeter"><br>
<label> </label>
<input type="button" id="calculate" value="Calculate Area and Perimeter">
</br></br></br></br></p></br></br></main>
</body>
</html>