48362184

<html>
<head>
<title>48362184</title>
</head>
<body>
Insert size of first matrix:<br/>
<input type="number" data-pos="column"/> X <input type="number" data-pos="row"/>
<br/>
Insert size of Second matrix:<br/>
<input type="number" data-pos="column"/> X <input type="number" data-pos="row"/>
<!--
To add more You can copy/paste the inputs below and the javascript will do the rest.

<input type="number" data-pos="column"/> X <input type="number" data-pos="row"/>
-->
<br/>
<input type="button" value="Create" onclick="create();"/>
<br/><br/>
<style type="text/css">
input[type='number']
{
	-moz-appearance:textfield;
	width: 20px;
}
input::-webkit-outer-spin-button, input::-webkit-inner-spin-button
{
	-webkit-appearance: none;
}
</style>
<script type="text/javascript">
function create(){
var rows=document.querySelectorAll('[data-pos=row]');
var cols=document.querySelectorAll('[data-pos=column]');
	for(var i=0; i<rows.length; i++){
		for(var j=0; j<rows[i].value; j++){
			for(var k=0; k<cols[i].value; k++){
    		var input = document.createElement("input");
    		input.type = "number";
	 		document.body.appendChild(input);
			}
            var breakrow = document.createElement("br");
            document.body.appendChild(breakrow);
        }
            var breakrow = document.createElement("br");
            document.body.appendChild(breakrow);
	}
}
</script>
</body>
</html>