JSFiddle - React, Tailwind, and code Playground

by Vladimir

HTML

Width: <input class="w" value="126" /><br />
MaxWidth: <input class="mw" value="600" /><br />
Height: <input class="h" value="156" /><br />
MaxHeight: <input class="mh" value="3276" /><br />
<input type="button" value="Get" class="get" />
<span class="res"></span>

CSS

textarea {
    width: 100%;
    height: 500px;
}

JavaScript

$('.get').click(function() {

    var r = '';
    var w = parseInt($('.w').val());
    var mw = parseInt($('.mw').val());
    var h = parseInt($('.h').val());
    var mh = parseInt($('.mh').val());
   var row = 0;
    var col = 0;
    alert(mh);
    while(row*h < mh) {
        col = 0;
        while(col*w < mw) {
            r += '<area shape="rect" coords="" title="" />';
        }
         row++;   
    }
    $('.res').text(r);
});