Untitled

Даны 5 инпутов, абзац и кнопка. В инпут вводятся числа. По нажатию на кнопку запишите среднее арифметическое введенных чисел в абзац.
<!DOCTYPE HTML>
<html>
<head>
    <meta charset="utf-8">
    <title>Тег IMG</title>
</head>
<body>
<p id='p'></p>
<input id='value1' type="text" class="value1" value="">
<input id='value2' type="text" class="value2" value="">
<input id='value3' type="text" class="value3" value="">
<input id='value4' type="text" class="value4" value="">
<input id='value5' type="text" class="value5" value="">

<button class="btn">Кликни сюда</button>

<div class="result"></div>
<script>
let button = document.querySelector('.btn');
button.addEventListener('click', function() {
    let value1 = document.getElementById('value1').value;
    let value2 = document.getElementById('value2').value;
    let value3 = document.getElementById('value3').value;
    let value4 = document.getElementById('value4').value;
    let value5 = document.getElementById('value5').value;
    // document.querySelector('p').innerHTML += input.value;
    document.getElementById('p').value = (value1 + value2 + value3 +value4 + value5)/5;
});

</script>
</body>
</html>


почему не работает?