Untitled

<!Doctype html>
<html lang="en" xmlns="http://www.w3.org/1999/xhtml">

<head>
    <meta charset="utf-8" />
    <title></title>
    <style>
            div.container {
                display: flex;
                flex: 0.5;
                height: 20vh;
                width: 25vw
            }

            div.number {
                color: black;
                background-color: #AAABB7;
                margin: 0px;
                border: 2px solid black;
                display: flex;
                flex: 1;
                font-size: 400%;
                text-align: center;
                flex-direction: column;
                justify-content: center;
            }

            h1 {
                text-align: center;
            }
            h2 {
                text-align: center;
            }
    </style>
</head>

<body>
    <h1>Input code to unlock</h1>
        <div align ="center">
                <div class="container">
                    <div id="1" class="number" onclick="inPut(1)">1</div>
                    <div id="2" class="number" onclick="inPut(2)">2</div>
                    <div id="3" class="number" onclick="inPut(3)">3</div>
                </div>

                <div class="container">
                    <div id="4" class="number" onclick="inPut(4)">4</div>
                    <div id="5" class="number" onclick="inPut(5)">5</div>
                    <div id="6" class="number" onclick="inPut(6)">6</div>
                </div>

                <div class="container">
                    <div id="7" class="number" onclick="inPut(7)">7</div>
                    <div id="8" class="number" onclick="inPut(8)">8</div>
                    <div id="9" class="number" onclick="inPut(9)">9</div>
                </div>
                <div>
                    <h2 id="code">Code: </h2>
                </div>
            </div>
    <script type="text/javascript">

        function inPut(tag) {
            document.getElementById('code').innerHTML = (document.getElementById('code').innerHTML)  + tag;
            //console.log;
        }

    </script>
    <noscript>Sorry, your browser does not support JavaScript!</noscript>
</body>

</html>
<!-- 3 8 1 2 -->