HTML/CSS - Sudoku-Soluter Online Editor and JavaScript Compiler

html

<!DOCTYPE html>
<html>
    <head>
        <title>Sudoku-Soluter</title>
    </head>
    <body>
        <div id="Seite">
            <h1>Sudoku-Soluter</h1>
            <article>
                
                <p>Enter the given numbers and click on Start!</p>
                <div id="feld"></div>
                <br />
                <p>
                    <button onclick="hi();" id"start">Start</button>
                    <button onclick="debug();" id="debug">Debug</button>
                    <!-- A relict of the developement -->
                    <button onclick="remove();" id="remove">Remove</button>
                    <!-- maybe i'll implement a button to remove the entered numbers -->
                </p>
            </article>
            <footer>
                <!-- someone pls explain me how to stick the footer to the bottom of the page😅 -->
                <p>More Styles will be added when I finish the CSS Tutorial 😉</p>
                <p>I just started learning, feel free to give me advise.</p>
                <p>That's me: <a href="https://www.sololearn.com/Profile/1626037/?ref=app"><img height="16px" src="https://www.sololearn.com/avatars/b03c6e14-f112-43b4-b620-1d9b1b46fb6d.jpg" alt="My Sololearn Account"></img></a></p>
            </footer>
        </div>

css

body {
    background-color: #000;
    text-align:center;
    padding:0;
    margin:0;
    min-width:100vw;
    height:90vh;
}
p{
    margin:5px 0 5px 0;
}
#feld{
    display:inline-block;
    border:solid 2px;
    box-shadow:3px 3px 5px  grey;
}
idiv{
    display:block;
}
sdiv:first-child, sdiv:nth-child(2){
    border-right:solid 2px;
}
sdiv{
    display:inline-block;
    borhder:solid 2px  red;
}
odiv:first-child, odiv:nth-child(2){
    border-bottom:solid 2px;

var cN=1,PX=0,PY=0,date,date2,article;
var feld=[],feldO=[],feldR=[];
for(var b=0;b<9;b++){
    feld[b]=[];
    feldO[b]=[];
    feldR[b]=[];
}
window.onload=function(){
var table=document.getElementById("feld");
for (var a=0;a<3;a++){
    var odiv=document.createElement("odiv");
    for (var b=0;b<3;b++){
        var sdiv=document.createElement("sdiv");
        for (var c=0;c<3;c++){
            var idiv=document.createElement("idiv");
            for (var d=0;d<3;d++){
                var input= document.createElement("input");
                input.type="text";
                input.id=(a*3+c)+""+(b*3+d);
                idiv.appendChild(input);
            }
            sdiv.appendChild(idiv);
        }
        odiv.appendChild(sdiv);
    }
    table.appendChild(odiv);
}

BROWSER

Console