Вывод переменных

[MasterHrust]

Здравствуйте!
Скажите, как сделать вывод общего результата на той же странице, после нажатия кнопки?
Может в какой-нибудь frame или окно или поле?

<script type="text/javascript">
<!--
function Go() {
    var shirina1 = +(document.getElementById('shirina').value);
    var shirina = +(document.getElementById('shirina').value);
    var visota1 = +(document.getElementById('visota').value);
    var visota = +(document.getElementById('visota').value);
    var glubina1 = +(document.getElementById('glubina').value);
    var glubina = +(document.getElementById('glubina').value);
    var summa;
    var dveriser = +(document.getElementById('dveriser').value);
     
    if (visota >= 250) {
        shirina *= 1.5;
        
    }
    else {
        shirina *= 1;
        
    }
    if (glubina >=55) {
	visota *= 1.5;
    }
	else {
	visota *= 1;
}
summa = shirina + visota + dveriser;
alert("Ширина шкафа: "+shirina1);
alert("Высота шкафа: "+visota1);
alert("Глубина шкафа: "+glubina1);
alert("Сумма= "+summa);

      
}
//-->
</script>

Через алерт, хорошо смотреть на стадии разработки вывод. Для пользователей хотелось бы вывод, чтобы был такой:
Ширина шкафа:
Высота шкафа:
Глубина шкафа:
Сумма:

Как это можно реализовать, читал статьи, но там не работают скрипты...

Спасибо.

[walik]

Изменение страницы посредством DOM

[RogerUP]

MasterHrust, делаешь кнопку, на кнопку вешаешь функцию, в функции создаешь новый div, заполняешь его и вставляешь в нужное место.

[MasterHrust]

<script type="text/javascript">
<!--
function Go() {
    var shirina1 = +(document.getElementById('shirina').value);
    var shirina = +(document.getElementById('shirina').value);
    var visota1 = +(document.getElementById('visota').value);
    var visota = +(document.getElementById('visota').value);
    var glubina1 = +(document.getElementById('glubina').value);
    var glubina = +(document.getElementById('glubina').value);
    var summa;
    var dveriser = +(document.getElementById('dveriser').value);
     
    if (visota >= 250) {
        shirina *= 1.5;
        
    }
    else {
        shirina *= 1;
        
    }
    if (glubina >=55) {
	visota *= 1.5;
    }
	else {
	visota *= 1;
}
summa = shirina + visota + dveriser;
//alert("Ширина шкафа: "+shirina1);
//alert("Высота шкафа: "+visota1);
//alert("Глубина шкафа: "+glubina1);
//alert("Сумма= "+summa);
//alert("Сумма= "+dveriser);
document.writeln("Сумма равна: "+summa);
      
}
//-->
</script>
<form>
 <label for='shirina'>Ширина</label>
 <input type="text" id='shirina' name='shirina'> <span>mm</span>
<br>
 <label for='visota'>Высота</label>
<input type="text" id='visota' name='visota'> <span>mm</span>
 <br>
<label for='glubina'>Глубина</label>
<input type="text" id='glubina' name='glubina'> <span>mm</span>
<br>
Количество дверей зеркало серебро: <select id='dveriser'name="dveriser">
<option value="1.6">Одна</option>
<option value="3.2">Две</option>
<option value="4.8">Три</option>
<option value="6.4">Четыре</option>
<br><br>
 <input type='button' value='Go' onclick='Go()'>
</form>

Ну вот что у меня сейчас имеется.

[walik]

Забей на writeln
Используй свойство innerHTML оюъекта

document.getElementById('summa').innerHTML = summa;