I'm not great at html and js together and I'm trying to get a program running which says if the user is too tall or too short and by how much. first they input their height and then if it is above 200cm or below 130cm then it reads out the command to tell them if theyre too tall or short. if someone could please tell me how to fix this code that would be much appreciated. Thanks
HTML:
:<!DOCTYPE html>
<html>
<title>Height Checker</title>
<body>
<center>
<script src="Supermantest.js"></script>
<h1>Height Checker</h1>
<p>Input your height below</p>
<p>
<label>Height</label>
<input id="inputHeight" type="number" placeholder="Height" >
</p>
<p>
<button onclick="input()">Submit</button>
<p><span id="tooTall"></span></p>
<p><span id="tooShort"></span></p>
</center>
</body>
</html>
JavaScript:
var height, tall, short;
function input(){
height=document.getElementById('height').value;
process;
}
function process(){
tall=200;
short=130;
if(height > tall) {
height = tooTall;
} else if(height < short) {
height = tooShort;
}
output;
}
function output(){
document.getElementById('tooTall').innerHTML = 'You are too tall bozo';
document.getElementById('tooShort').innerHTML = 'You are too short bozo';
}