Выполнение простого расчета в таблице с переменным вводом пользователем (числовое поле)

        const table = document.getElementsByClassName('accesspoints')[0];
        const grandTotal =  document.getElementsByClassName('grandPowerTotal')[0];
        const inputTotals = document.getElementsByName('total');

        table.addEventListener('input', ({ target }) => {
            const tr = target.closest('tr');
            const [power, count, total] = tr.querySelectorAll('input');
            total.value=power.value * count.value;

            var temp= 0;
            for (i=0; i<inputTotals.length; i++){
                temp += Number(inputTotals[i].value);
            }
            grandTotal.innerText= temp;           
        });

    <table class = "accesspoints">
        <caption>
          Access Points
        </caption>

        <tr>
          <th>Access Point</th>
          <th>Power Draw (Watt)</th>
          <th>PoE port required</th>
          <th>Number installed?</th>
          <th>Power consumption</th>
        </tr>

        <tr>
          <td>
            <a href = "https://eu.store.ui.com/eu/en/pro/category/all-wifi/products/u7-pro-max" target = "_blank">U7 Pro Max</a>
          </td>
          <td class = "powerperdevice"><input type = "text" name = "power" readonly value = "25"></td>
          <td>PoE+</td>
          <td class = "numberofdevices"><input type = "number" name = "count" placeholder = "Number installed?"></td>
          <td class = "totalpowerperdevice"><input type = "text" name = "total"></td>
        </tr>

        <tr>
          <td>
            <a href = "https://eu.store.ui.com/eu/en/pro/category/all-wifi/products/u7-pro" target = "_blank">U7 Pro</a>
          </td>
          <td class = "powerperdevice"><input type = "text" name = "power" readonly value = "21"></td>
          <td>PoE+</td>
          <td class = "numberofdevices"><input type = "number" name = "count" placeholder = "Number installed?"></td>
          <td class = "totalpowerperdevice"><input type = "text" name = "total"></td>
        </tr>

        <tr>
          <td>
            <a href = "https://eu.store.ui.com/eu/en/pro/category/all-wifi/products/u7-pro-wall" target = "_blank">U7 Pro Wall</a>
          </td>
          <td class = "powerperdevice"><input type = "text" name = "power" readonly value = "22"></td>
          <td>PoE+</td>
          <td class = "numberofdevices"><input type = "number" name = "count" placeholder = "Number installed?"></td>
          <td class = "totalpowerperdevice"><input type = "text" name = "total"></td>
        </tr>

        <tr>
          <td>
            <a href = "https://eu.store.ui.com/eu/en/pro/category/all-wifi/products/u7-outdoor" target = "_blank">U7 Outdoor</a>
          </td>
          <td class = "powerperdevice"><input type = "text" name = "power" readonly value = "19"></td>
          <td>PoE+</td>
          <td class = "numberofdevices"><input type = "number" name = "count" placeholder = "Number installed?"></td>
          <td class = "totalpowerperdevice"><input type = "text" name = "total"></td>
        </tr>
<!-- Total power consumption for Access Points-->
        <tr> 
          <td></td>
          <td></td>
          <td></td>
          <td class = "totalpower">Total power consumption:</td>
          <td class = "grandPowerTotal">0</td>
        </tr>

      </table>