In: Computer Science
CODE:
soccer.html
<!DOCTYPE html>
<html>
<head>
<title>Town's soccer league</title>
</head>
<body >
<input type="number" id="age"
/>
<input type="button"
onclick="handleregister()" value="Register">
<br>
Number of students:<p
id="total">0</p>
Number of Juniors<p
id="junior">0</p>
Number of intermediates<p
id="intermediate">0</p>
Number of seniors<p id="senior">0</p>
<script>
function handleregister() {
var
count=0;
var age
=document.getElementById('age').value;
var
total=parseInt(document.getElementById("total").innerHTML);
//alert("total"+total);
if(age>=4
&& age<=7)
{
var
value=parseInt(document.getElementById("junior").innerHTML);
count+=1;
document.getElementById("junior").innerHTML =
value+1;
//alert("junior");
}
if(age>=8
&& age<=11)
{
var
value=parseInt(document.getElementById("intermediate").innerHTML);
count+=1;
document.getElementById("intermediate").innerHTML = value+1;
}
if(age>=12
&& age<=15)
{
var
value=parseInt(document.getElementById("senior").innerHTML);
count+=1;
document.getElementById("senior").innerHTML =
value+1;
}
document.getElementById("total").innerHTML =
total+count;
}
</script>
</body>
</html>
OUTPUT:
If you have any doubts please COMMENT....
If you understand the answer please give THUMBS UP....