Вывод переменных
Здравствуйте!
Скажите, как сделать вывод общего результата на той же странице, после нажатия кнопки? Может в какой-нибудь 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>
Через алерт, хорошо смотреть на стадии разработки вывод. Для пользователей хотелось бы вывод, чтобы был такой: Ширина шкафа: Высота шкафа: Глубина шкафа: Сумма: Как это можно реализовать, читал статьи, но там не работают скрипты... Спасибо. |
|
MasterHrust, делаешь кнопку, на кнопку вешаешь функцию, в функции создаешь новый div, заполняешь его и вставляешь в нужное место.
|
<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>
Ну вот что у меня сейчас имеется. |
Забей на writeln
Используй свойство innerHTML оюъекта
document.getElementById('summa').innerHTML = summa;
|
| Часовой пояс GMT +3, время: 22:45. |