<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
<style>
div{
background-color: pink;
border: 5px solid rgb(14, 14, 228);
width:500px;
}
h1{
background-color: black;
border: 2px solid blue;
display: inline-block;
color: beige;
}
h2{
background-color: black;
border: 2px solid blue;
display: inline-block;
color: beige;
}
</style>
</head>
<body>
<div>
<center>
<h1><b>Age Calculator</b></h1><br>
<h2>Your Birthday Year</h2> <br>
<input type="text" id="a" style="background-color: aquamarine;" >
<br>
<h2>Current Year</h2> <br>
<input type="text" id="b" style="background-color: aquamarine;" ><br><br>
<button style="background-color: aquamarine;" onclick="fun()">Enter to get your age</button> <br>
<h2>Your Age</h2><br>
<input type="text" id="c" style="background-color: aquamarine;" ><br>
</div>
</p>
</body>
<script>
function fun()
{
var birthyear=parseInt(document.getElementById("a").value)
var currentyear=parseInt(document.getElementById("b").value)
var result=currentyear-birthyear
document.getElementById("c").value=result
// var a=currentyear
// var b=birthyear
// var age=currentyear-birthyear
// var a=parseInt document.getElementById("a").value
// var b=parseInt document.getElementById("b").value
// var i=parseInt document.getElementById("c"+age).value
}
</script>
</html>
No comments:
Post a Comment