Господа! Помогите!
В приведенном ниже коде калькулятора, шрифт переменных почему то не меняется.
Стиль текста я могу корректировать, а когда нажимаешь на чек бокс, цифра которая появляется, например "500" меняет шрифт на очень маленький
А если убрать галочку с чекбокса, то появляется цифра "0" то же с неконтролируемым мной стилем шрифта!
Как мне сделать так, чтобы шрифт был всегда одинаковый?
Вот код:
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>Шрифт</title>
<style type="text/css">
h1 {
font-family: Jura, sans-serif; /* Гарнитура шрифта */
font-size: 180%; /* Размер текста */
font-weight: lighter; /* Светлое начертание */
}
</style>
</head>
<body>
<script type="text/javascript">
function calc() {
var type_zayava = document.getElementById("type_zayava");
var doc = document.getElementById("doc");
//Result
var result = document.getElementById("result_doc");
var result = document.getElementById("result");
var price_zayava = 0;
var price_doc = 0;
var price = 0;
price_zayava += (type_zayava.checked == true) ? parseInt(type_zayava.value) : 0;
price_doc += (doc.checked == true) ? parseInt(doc.value) : 0;
price=price_zayava + price_doc;
result_zayava.innerHTML = price_zayava;
result_doc.innerHTML = price_doc;
result.innerHTML = price;
}
</script>
<!--Minimum-->
<table>
<tr>
<td width="350"><h1>Заполнение заявления по установленной форме</h1> </td>
<td width="50" height="35"><input type="checkbox" onchange="calc()" value="500" id="type_zayava" /></td>
<td width="100"><span id="result_zayava"><h1>0</h1></span> <h1>руб.</h1></td>
</tr>
<tr>
<td width="350"><h1>Подготовка основных документов</h1></td>
<td width="50" height="35"><input type="checkbox" onchange="calc()" value="1000" id="doc" /></td>
<td width="100"><span id="result_doc"><h1>0</h1></span> <h1>руб.</h1></td>
</tr>
<!-- Итог -->
<tr>
<td width="50" height="300" class="td_result"><h1>ИТОГО:</h1></td>
<td class="td_result"><span id="result"><h1>0</h1></span><h1>руб.</h1></td>
</tr>
</table>
</body>
</html>