Спасибо, versoul, теперь работает все как хотелось.
<html>
<head>
<meta http-equiv="content-type" content="text/html; charset=windows-1251">
<title> Ввод вывод данных </title>
<script language="javascript">
function slogenie() {
var a=document.getElementById('a').value; // получаем данные из формы, значение a
var b=document.getElementById('b').value; // получаем данные из формы, значение b
var summ;
summ=parseInt(a)+parseInt(b); //сложение и задаем целочисленный формат а и б с помощью parseInt()
//document.write("сумма " + a + " + " + b + " = " + summ + "<br>"); //почему зависает если вывести summ здесь
document.getElementById('out').innerHTML = "сумма " + a + " + " + b + " = " + summ + "<br>";
}
</script>
</head>
<body>
<form name="vvod">
Введи число a
<input id="a" type="text"> <br>
Введи число b
<input id="b" type="text"> <br>
<p><input value="Сумма" name="B1" onclick="slogenie()" type="button"></p>
</form>
<div id="out" padding-left="400px">
<!--<script>
//document.write("сумма " + a + " + " + b + " = " + summ + "<br>"); //почему не выводится в блоке div
</script>-->
</div>
</body>
</html>