HTML - Problema en resultado con etiqueta output

<form name="formulario_datos" id="formulario_datos" action="envio.php" method="get">

<fieldset form="formularios_datos" name="grupo_datos_personales" oninput="resultado.value=parseInt(numeroa.value)+parseInt(numerob.value)">

<legend>Datos personales</legend>

<label for="nombre" form="formulario_datos">Nombre:</label>

<input type="text" name="nombre" id="nombre" value="" placeholder="Teclee nombre..."><br>

<label for="teléfono" form="formulario_datos">Teléfono</label>

<input type="tel" name="teléfono" id="teléfono" value="" placeholder="Teclee teléfono..."><br>

0 <input type="range" id="numeroa" value="50">100 + 0 <input type="range" id="numerob" value="50"> 100 = <output name="resultado" for="numeroa numerob" form="formulario_datos">

</output>

</fieldset>

<input type="submit" name="enviar" value="Enviar Datos">

</form>

<script>

 function updtTotal() {

    var total = 0;//

    var inputs = document.getElementsByClassName("input");

    var values = [];

    for(var i = 0; i < inputs.length; ++i) {

        values.push(parseFloat(inputs[i].value));

    }

    total = values.reduce(function(previousValue, currentValue, index, array){

        return previousValue + currentValue;

    });

	document.getElementById('total').innerHTML = total;

}

</script>

<input type="range" value="50" class="input" id="a" oninput="updtTotal();">

<input type="range" value="50" class="input" id="b"  oninput="updtTotal();">

<div id="total"></div>