Хай, друга! Сегодня нужно решить задачу)

Имеются несколько текстовых инпутов с классом num, кнопка и абзац, заданный тегом div. Инпуты содержат произвольные числа. При нажатии на кнопку необходимо получить числа, имеющиеся в этих инпутах и записать их сумму в абзац с id="result".
HTML:

<input type="text" value="1" class="num"/><br>
<input type="text" value="1.5" class="num"/><br>
<input type="text" value="2" class="num"/><br>
<input type="button" value="Рассчитать" onClick="foo();"/>
<div id="result"></div>

Решение:
<script>
function foo(){
let sum = 0;
let inputs = document.querySelectorAII('.num');
let result = document.querySelector('#result');
for (i=0; i<inputs.length; i++) {
sum=sum + parseFloat(inputs[i]. value);
}
result.innerHTML = sum;
}
</script>

P.S. Наш канал с макетами -https://yangx.top/figma_makets