Помогите организовать вывод в страницу.

Денис Дашков

Пишу простейший вывод в страницу, но при нажатии кнопки не появляется конечный результат. Посмотрите, пожалуйста, что я делаю неправильно?

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>Личный сайт студента GeekBrains</title>
<link rel="stylesheet" href="style.css">
<script type="text/javascript" src="script.js"></script>

<script>
function progress() {

var start1 = document.getElementByID('start');//получаю данные по ID
var n1 = document.getElementByID('n');
var step1 = document.getElementByID('step');
var n = parseFloat(n1.value); //перевожу их в число
var step = parseFloat(step1.value);
var next = parseFloat(start1.value);
var sum = 0;
//вычисляю арифметическую сумму
while (next <= n) {
sum = sum + next;
next = next + step;
}
summ.innerHTML = sum.toFixed(0); //вывожу результат
}
</script>
</head>
<body>
<div id="content">
<div id="header">
<a href="index.html">Главная</a>
<span>/</span>
<a href="puzzle.php">Загадки</a>
<span>/</span>
<a href="guess.html">Угадайка</a>
<span>/</span>
<a href="guess-2.html">Угадайка мультиплеер</a>
<span>/</span>
<a href="progress.html">Арифметическая прогрессия</a>
</div>
<div id="box">
<table align="center">
<tr><th colspan="2" align="center"><h1>Арифметическая прогрессия</h1></th></tr>
<tr><th colspan="2" align="center"><h3>Введите начальное число, конечное число и шаг</h3></th></tr>
<tr><td>Начальное число:</td>
<td><input type="number" id = "start" ></td></tr>
<tr><td>Конечное число:</td>
<td><input type="number" id = "n"> </td></tr>
<tr><td>Шаг: </td>
<td><input type="number" id = "step"></td></tr>
<br><br>
<tr><th colspan="2"><button type="button" onclick="progress()">Вычислить</button></th></tr>
<tr><td>Итоговая сумма:</td>
<td><span class="output" id="summ"></span> </td></tr>
</table>
</div>
<div id="footer">
Copyright © 2016 <a href="https://geekbrains.ru/">GeekBrains</a>
</div>
</body>
</html>

Денис Дашков 12 месяцев назадСпасибо 1
2 чел.