HTML/CSS - challenge - 🕙spiral-square Online Editor and JavaScript Compiler

html

<!DOCTYPE html>
<html>
<!--
challenge: https://www.sololearn.com/Discuss/633313/?ref=app
proposed by Louis.
made by ysraelcon.
-->
    <head>
        <title>Clockwise-Spiral-Square</title>
    </head>
    <body>
    
    <p>Input a number n:</p>
    <input type=number id=inn><br>
    <input type=button value="Make Clockwise-Spiral-Square NxN:" onclick=mS()><br>
    <pre id=pr></pre>
    
    
    <script>
        
     function mS(){
         
         var n=parseInt(inn.value);
         
         var ln=n*n;
         
         var mc=mC(n);

css

BROWSER

Console