Вывод переменных
Здравствуйте!
Скажите, как сделать вывод общего результата на той же странице, после нажатия кнопки? Может в какой-нибудь 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, время: 14:32. |