JSFiddle - React, Tailwind, and code Playground

HTML

<table>
    <tr>
        <td>valor 1</td>
        <td>valor 2</td>
        <td>total</td>
    </tr>
    <tr>
        <td>
            <input type="number" min="0">
        </td>
        <td>
            <input type="number" min="0">
        </td>
        <td>
            <input type="text" readonly value="0" id="teste">
        </td>
    </tr>
</table>

JavaScript

(function () {
    var inputs = [].map.call(document.querySelectorAll('input[type="number"]'), function (input) {
        input.addEventListener('change', calcula);
        return input;
    });

    function calcula() {
        var soma = inputs.reduce(function (soma, input) {
            var nr = parseInt(input.value) || 0;
            return soma + nr;
        }, 0);
        document.getElementById("teste").value = soma;
    }
})();