Check Greater Number with Javascript:-
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Check Maximum Number</title>
<style>
body{
display: flex;
justify-content: center;
align-items: center;
/* border: 1px solid green; */
}
.container{
display: block;
height: 45vh;
margin-top: 100px;
/* border: 1px solid red; */
box-shadow: rgba(0, 0, 0, 0.1) 0px 4px 12px;
}
form{
padding: 10px;
}
form input{
padding: 8px 20px;
margin-top: 20px;
background-color: rgba(12, 12, 13, 0.062);
/* border-radius: 10px; */
border: none;
}
form button{
padding: 10px 20px;
margin-top: 30px;
background-color: rgba(71, 71, 238, 0.342);
color: whitesmoke;
font-weight: bold;
font-size: 0.9rem;
border: 0;
/* border-radius: 10px; */
}
</style>
</head>
<body>
<div class="container">
<form action="">
<input type="text" name="fnumber" id="fnumber"> <br>
<input type="text" name="snumber" id="snumber"> <br>
<input type="text" name="thnumber" id="thnumber"> <br>
<button type="button" onclick="check()">Check</button>
</form>
</div>
<script>
function check(){
var a=document.getElementById("fnumber").value;
var b=document.getElementById("snumber").value;
var c=document.getElementById("thnumber").value;
if(a>b && a>c){
document.write("<center>"+a+" is Maximum Number</center>");
}
else if(b>a && b>c){
document.write("<center>"+b+" is Maximum Number</center>");
}
else{
document.write("<center>"+c+" is Maximum Number</center>");
}
}
</script>
</body>
</html>
*/---output--/*
Comments
Post a Comment