javascript Somar valores de input

[AndersonWS 10]

Tenho o seguinte código:

Projeto <input name="percent[]" class="form-control number somar" placeholder="Percentagem" type="text"/>
Construção <input name="percent[]" class="form-control number somar" placeholder="Percentagem" type="text"/>
Acabamentos <input name="percent[]" class="form-control number somar" placeholder="Percentagem" type="text"/>
<input type="text" name="total" id="total" value="">

Preciso verificar se a soma das etapas do projeto não irão ultrapassar os 100 % .

Como eu faria para somar os valores dos inputs name="percent[]" e colocar dentro do value de name="total" ?

 

*Obs.: Sem precisar usar botão, que fosse somando conforme digita os valores.

 

[Jack Oliveira 1]

angular
  .module('app', [])
  .controller('SomaController', SomaController);

function SomaController() {
  var vm = this;
}

<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.23/angular.min.js"></script>

<div ng-app="app" ng-controller="SomaController as vm">
  <input type="number" ng-model="vm.num1" />

  <input type="number" ng-model="vm.num2" />
  <br>
  <br>
  <span ng-if="vm.num1 !== undefined && vm.num2 !== undefined">A soma dos dois numeros é {{vm.num1 + vm.nume2}}.</span>
</div>

 

 

function calcular() {
  var n1 = parseInt(document.getElementById('n1').value, 10);
  var n2 = parseInt(document.getElementById('n2').value, 10);
  document.getElementById('resultado').innerHTML = n1 + n2;
}

<form action="" method="post">
  N(1): <input type="text" id="n1" value="10" /> <br> N(2): <input type="text" id="n2" value="5" onblur="calcular()" /> <br>
</form>

<div id="resultado"></div>

Veja mais aqui

[AndersonWS 10]

Vou tentar o exemplo Jack Oliveira porém gostaria de algum método javascript puro seria melhor para este projeto.

 

[itlpps 109]

Você pode usar o evento "change" nos inputs, e seguir o exemplo do nosso amigo em cima, com a função "calcular"