Função não funciona
Olá!
Não consigo entender o porque a minha função cadValor() funciona e a desc() não
file.js
<script>
var txtval = document.querySelector('#inputValor');
var res = document.querySelector('#inputCopyValor'); //ONDE QUERO ESCREVER
var res2 = document.querySelector('#seuValor'); // VALOR INDO PARA HOLERITE
var res3 = document.querySelector('#seuValorMult'); // VALOR QUE SERÁ DOBRADO
function cadValor(){
var val = Number(txtval.value);
res.placeholder = val.toFixed(2);
res2.placeholder = val.toFixed(2);
var dobro = val * 2; // dobra o valor
res3.placeholder = dobro.toFixed(2); // pega o valor dobrado
}
function desc(){
var txtDobro = document.querySelector('#seuValorMult'); // VALOR QUE FOI DOBRADO
var txtSacado = document.querySelector('#seuValorDia2');
var txtRestante = document.querySelector('#seuValorRes');
var resDobro = Number(txtDobro.value);
var resSacado = Number(txtSacado.value);
//var resRestante = Number(txtRestante.value);
var resRest = resDobro;
txtRestante.placeholder = resRest.toFixed(2);
}
</script>
file.php
<div class="container">
<!-- PRIMEIRA LINHA -->
<div class="d-flex justify-content-center mt-3">
<div id="divHolerite" class="col-12 col-sm-8 col-md-6 col-lg-4">
<div class="d-flex flex-column justify-content-center align-items-end bg-dark">
<div class="col-12 mb-3">
<label for="inputValor">Admin: Cadastrar Valor</label>
<div class="input-group">
<div class="input-group-prepend">
<span class="input-group-text">R$</span>
</div>
<input id="inputValor" class="form-control" type="text" name="inputValor" onkeypress="return onlynumber();">
<button type="submit" value="ativa" class="btn btn-danger text-uppercase ml-3" data-toggle="modal" data-target="#modalHolerite" onclick="cadValor()">ativa</button>
</div>
</div>
<div class="col-12">
<button type="reset" value="clean" class="btn btn-light btn-lg text-uppercase mb-3">apagar cadastro</button>
</div>
<hr style="background-color: #777777; widht: 100%;">
</div>
<!-- SEGUNDA LINHA -->
<div class="d-flex flex-column flex-nowrap align-items-start bg-dark mb-3">
<div class="col-8 mb-3">
<div class="input-group">
<div class="input-group-prepend">
<span class="input-group-text">R$</span>
</div>
<input id="inputCopyValor" class="form-control" type="text" name="inputCopyValor" placeholder="" readonly>
</div>
</div>
<div class="col-12 mb-3">
<div class="input-group mb-3">
<div class="input-group-prepend">
<span class="input-group-text">R$</span>
</div>
<input id="inputValorDia" class="form-control" type="text" name="inputValorDia" placeholder="0,10" readonly>
<div class="input-group-prepend">
<span class="input-group-text">por dia</span>
</div>
<button type="submit" value="saque" class="btn btn-danger text-uppercase btn-sm ml-3">sacar</button>
</div>
<div class="d-flex">
<button type="submit" value="saque" class="btn btn-danger text-uppercase btn-sm mr-3">descontar</button>
<div class="input-group">
<div class="input-group-prepend">
<span class="input-group-text">R$</span>
</div>
<input id="inputValorDesc" class="form-control" type="text" name="inputValorDesc">
</div>
</div>
</div>
</div>
</div>
</div>
<!-- HOLERITE -->
<!-- Modal -->
<div class="modal fade" id="modalHolerite" tabindex="-1" role="dialog" aria-labelledby="exampleModalLabel" aria-hidden="true">
<div class="modal-dialog" role="document">
<div class="modal-content">
<div class="modal-header">
<h5 class="modal-title" id="exampleModalLabel">Título do modal</h5>
<button type="button" class="close" data-dismiss="modal" aria-label="Fechar">
<span aria-hidden="true">×</span>
</button>
</div>
<div class="modal-body">
<!-- HOLERITE -->
<div class="container">
<!-- PRIMEIRA LINHA -->
<div id="test" class="d-flex justify-content-center mt-3">
<div id="divHolerite" class="col-12 col-md-10 col-lg-8">
<div class="d-flex flex-column justify-content-center align-items-end bg-dark">
<div class="col-12 mb-3">
<h2 class="text-uppercase text-center text-white">holerite</h2>
<div class="row">
<div class="col-12 col-sm-6">
<label for="seuValor" class="text-left text-uppercase">seu valor</label>
<div class="input-group">
<div class="input-group-prepend">
<span class="input-group-text">R$</span>
</div>
<input id="seuValor" class="form-control" type="number" name="seuValor" placeholder="">
</div>
</div>
<div class="col-12 col-sm-6">
<label for="inputValorDia" class="text-left text-uppercase">total: 200 dias</label>
<div class="input-group mb-3">
<div class="input-group-prepend">
<span class="input-group-text">R$</span>
</div>
<input id="inputValorDia" class="form-control" type="number" name="inputValorDia">
<div class="input-group-prepend">
<span class="input-group-text">por dia</span>
</div>
</div>
</div>
<div class="col-12 col-sm-6">
<label for="seuValorMult" class="text-left text-uppercase">valor multiplicado</label>
<div class="input-group">
<div class="input-group-prepend">
<span class="input-group-text">R$</span>
</div>
<input id="seuValorMult" class="form-control" type="number" name="seuValorMult">
</div>
</div>
</div>
</div>
<hr style="background-color: #777777; widht: 100%;">
</div>
<!-- SEGUNDA LINHA -->
<div class="d-flex flex-column justify-content-center bg-dark mb-3"
style="padding-left: 10px; padding-right: 0px;">
<div class="row overflow-visible">
<div class="col-12 col-sm-4">
<span class="text-white font-data">00/00/2019:</span>
</div>
<div class="col-12 col-sm-8">
<div class="input-group mb-3">
<div class="input-group-prepend">
<span class="input-group-text">R$</span>
</div>
<input id="seuValorDia2" class="form-control" type="number" name="seuValorDia2" placeholder="0,10" readonly>
<div class="input-group-prepend">
<span class="input-group-text">por dia</span>
</div>
<button type="submit" value="saque"
class="btn btn-danger text-uppercase btn-sm ml-3 mr-2" onclick="desc()">sacar</button>
</div>
</div>
</div>
<div class="form-row col-12" style="border: 2px white solid;">
<div class="col-12 col-sm-6">
<label for="seuValorSacado" class="text-left text-uppercase"><br></label>
<div class="input-group">
<div class="input-group-prepend">
<span class="input-group-text">R$</span>
</div>
<input id="seuValorSacado" class="form-control" type="number" name="seuValorSacado">
</div>
<label for="seuValorSacado" class="text-center text-uppercase">valor sacado</label>
</div>
<div class="col-12 col-sm-6">
<label for="seuValorRes" class="text-center text-uppercase" style="margin-left: 5vw;">seu valor
restante</label>
<div class="input-group">
<div class="input-group-prepend">
<span class="input-group-text">R$</span>
</div>
<input id="seuValorRes" class="form-control" type="number" name="seuValorRes" placeholder="" readonly>
</div>
<label for="seuValorRes" class="text-center text-uppercase" style="margin-left: 10vw;">pra
saque</label>
</div>
</div>
</div> <!-- Termina linha geral -->
</div>
<!-- FIM DO HOLERITE -->
</div>
<div class="modal-footer">
<button type="button" class="btn btn-secondary" data-dismiss="modal">Fechar</button>
</div>
</div>
</div>
</div>
</div>
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.4.1/jquery.slim.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.15.0/umd/popper.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/4.3.1/js/bootstrap.min.js"></script>Discussão (8)
Carregando comentários...