<html>
<head>
</head>
<body>
Cтрок: <input id='rowCount' type='text' value='' style="width: 50px"/>
Cтолбцов: <input id='colCount' type='text' value='' style="width: 50px"/>
<button onclick="generate()">Создать</button>
Множитель:<input id='mnoj' type='text' value='' style="width: 50px"/><br>
<div id="id" style="display: inline-block; margin: 10px;"></div>
<div id="id2" style="display: inline-block; margin: 10px;"></div>
<script>
function generate()
{
var rowCount = document.getElementById('rowCount').value;
var colCount = document.getElementById('colCount').value;
var tbl = document.createElement('table');
tbl.insertRow(-1);
for (var j=0; j<=colCount; j++)
tbl.tBodies[0].rows[0].insertCell(-1).innerHTML = j||' ';
for (var i=1; i<=rowCount; i++)
{
tbl.insertRow(-1).insertCell(-1).innerHTML = i;
for (var j=1; j<=colCount; j++)
{
var input = document.createElement('input');
input.id=input.name='m_'+i+'_'+j;
input.size = "5";
tbl.tBodies[0].rows[i].insertCell(-1).appendChild(input);
}
}
document.getElementById('id2').appendChild(tbl.cloneNode(true));
document.getElementById('id').appendChild(tbl);
function umn(){
var res = tbl.getElementsByTagName('input');
var mnoj = document.getElementById('mnoj').value;
for (var k=0; k<res.length; k++){
document.getElementById('id2').getElementsByTagName('input')[k].value = res[k].value*mnoj;
}
}
document.addEventListener('input', umn, false);
}
</script>
</body>
</html>