Skip to main content

Check Greater Number with Javascript

 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

Popular posts from this blog

How To Make Clone NETFLIX Webpage

 How To Make Clone NETFLIX Webpage...... With the Help of HTML CSS and 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 > Netflix Clone </ title >     < script src = "https://kit.fontawesome.com/a02bd9801f.js" crossorigin = "anonymous" ></ script > < link rel = "stylesheet" href = "https://cdn.jsdelivr.net/npm/bootstrap-icons@1.10.3/font/bootstrap-icons.css" >         < style >         body {             display : flex ;             justify-content : center ;             align-items : center ;         ...

What is HTML?

  HTML stands for HyperText Markup Language . It is used to design the front end portion of web pages using markup language. It acts as a skeleton for a website since it is used to make the structure of a website.

Amazed Animation Properties in CSS3

  Amazed Animation Properties in CSS3 <! 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 > Animation box </ title >     < style >         .container {             width : 100% ;             height : auto ;                 }         .para {                         height : auto ;         }         body {             background : black ;             color : white ;         } ...