[Darveus]

function addTable() { //созданиe таблицы
	var k = 0, s = 10, p = 65;
	//var str = document.getElementById('str').value;
	//var stlb = document.getElementById('stlb').value;
    var str = 2;
	var stlb  = 3;
	document.write ('<table width="50%" border="2">');
    for (i=0; i<=str; i++) {
      document.writeln("<tr>");	
      for (j=0; j<=stlb; j++) {
	  if(i === 0 && j === 0){
	  document.write("<td width= 20%>" + 'FSM' + "<\/td>"); 
	  }
	  else if(i===0 && j>0){  
		document.write("<td>" + j + "<\/td>");
	  }
	  else if(j===0 && i>0){
	   document.write("<td width= 20%>" + String.fromCharCode(p) + "<\/td>");
	   p++;
	  }
		else {
			document.write("<td>" + "<input style = width:20px id = " + k + "></input>" + "\/" + "<input style = width:20px id=" + s + "></input>" + "<\/td>");
			k++;
			s++;
			}
	  }
	  document.writeln("<\/tr>");
    }
    document.write ("<\/table> ");
}

Вызывая данную функцию по нажатию кнопки у меня стирается все остальное со страницы и выводится одна лишь таблица. Как можно решить данную проблему?
При этом если я вызываю эту функцию просто в теге скрипта в html-файле, то никаких проблем дальнейшая работа не вызывает. Но мне необходимо именно по кнопке это сделать, для динамического создания этой таблицы. Пытался не использовать метод write, так как предположил что в нем ошибка, но через innerHTML и appendChild вообще ничего не работает.