Boa noite pessoal.

Tenho um formulário que tem um campo com valor preenchido do banco. Neste formulário, tenho que fazer 2 contas de porcentagem, pegar estes dois valores somar e por fim pegar o valor iniciar e subtrai da soma das porcentagens.

Montei os campos, mas o javascript não consegui funcionar. Pode ser com JQuery?

Teriam alguma sugestão?


<!-- begin snippet: js hide: false console: true babel: false -->

<!-- language: lang-html -->

    <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
    <div class="row">                                    
     <div class="form-group col-md-3">
     <label for="valor">Valor</label>                                
    <input type="text" class="form-control" name="valor" id="valor"  value="50.00" readonly >
      </div>
     <div class="form-group col-md-3">
     <label for="porcento1"> Porcentagem 1(%)</label>                                
     <input type="text" class="form-control" name="porcento1" id="porcento1" >
    </div>
    <div class="form-group col-md-3">
    <label for="resultado1">Resultado1</label>                                
    <input type="text" class="form-control" name="resultado1" id="resultado1" >
                                        </div> 
      <div class="form-group col-md-3">
     <label for="porcento2"> Porcentagem 2(%)</label>                                
     <input type="text" class="form-control" name="porcento2" id="porcento2" >
    </div>
    <div class="form-group col-md-3">
    <label for="resultado2">Resultado2</label>                                
    <input type="text" class="form-control" name="resultado2" id="resultado2" >
                                        </div>   
      <div class="form-group col-md-3">
    <label for="sobra">Sobrou ainda</label>                                
    <input type="text" class="form-control" name="sobra" id="sobra" >
                                        </div>                         
    </div>


<!-- end snippet -->