index.html

<!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>Test Page</title>
    <script src='map.js'></script>
    <style>
        body{
            font-family: sans-serif;
            font-size: 12px;
        }
        code{
            font-size: 12px;
            color: #333;
        }
    </style>
</head>
<body>
    Test Map Generator</br>
    Just run <code>startChunk()</code> to make a chunk from scratch.<br/>
    Have the edges? Use <code>chunk(top,left)</code> to make a chunk from two <code>sides</code>.<br/>
    Have two single data pieces? Use <code>Basicmap(xt,yl,c)</code> to decide a single data piece from two <code>sides</code> and a <code>max</code></br>
    Have a data piece? Use <code>BasicmapOne(l,c)</code> to make a single data piece from a <code>side</code> and a <code>max</code></br>
    <button onclick="console.table(startChunk())">Try it out! look in the <code>console</code> to see the returned table</button>
</body>
</html>