javascript-problem-solving/JavaScript DOM/Simple DOM Programs/2.html at main · uttamsdev/javascript-problem-solving · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
<html>

<head>
    <style>
        .input-field {
            height: 45px;
            margin-bottom: 10px;
        }
    </style>
</head>

<body>
    <center>
        <div style="display: flex;flex-direction: column; width: 700px;">
            <label for="">Enter number of input: </label>
            <input style="height:45px; margin-bottom: 10px;" id="num" type="number"
                placeholder="Enter number of inputs">

            <div id="inputs" style="display: flex; flex-direction: column;">

            </div>
            <button id="max-min" style="height: 35px;margin-top: 20px;">Find max and min number</button>
            <h1 id="result" style="color: red;"></h1>
        </div>
    </center>
    <script src="2.js">
    </script>
</body>

</html>