为什么事件监听器没有响应整数输入？

Question

你好我正在研究一个我在Word Press上做的html项目，它需要一个输入表单，以便它可以存储在数据库中。当输入插入system_size时，为什么整数energy_production和energy_value的计算没有改变？

以下是由Javascript计算的3个输入字段。

<form>
<span>Tamaño Sistema Aproximado kW:</span>
<input id="system_size" name="system_size" value="0" />
<br/>
<span>Producción de Energía Aproximada kWHr:</span>
<input id="energy_production" name="energy_production" value="0"/>
<br/>
<span>Valor de Energía Producida:</span>
<input id="energy_value" name="energy_value" value="0"/>
</form>

这是Javascript计算：

<script>
var system_size_input = document.getElementById('system_size');

system_size_input.addEventListener('change', function () {
    var system_size = Number(system_size_input.value);
    document.getElementById('energy_production').value = system_size * 125;
    document.getElementById('energy_value').value = (system_size * 125) * 0.27;
});</script>