Usamos cookies para medir audiência e melhorar sua experiência. Você pode aceitar ou recusar a qualquer momento. Veja sobre o iMasters.
Olá pessoal, beleza?
Entendo bem de HTML, CSS, Bootstrap, mas funções dinâmicas que necessitam de Javascript, Jquary etc, eu não sei nada.
Consegui um script e estou testando, mas o resultado é exibido em uma DIV, e preciso que esse resultado seja exibido em um input, para que o programador possa pegar esse resultado e jogar no banco.
Olha o código:
<script type="text/javascript">
function clicar() {
var num1 = document.querySelector(".num1").value;
var num2 = document.querySelector(".num2").value;
var num3 = document.querySelector(".num3").value;
var num4 = document.querySelector(".num4").value;
var resultado = parseInt(num1) - parseInt(num2) - parseInt(num3) - parseInt(num4);
document.querySelector(".resultado").innerHTML = resultado;
}
</script>
<style type="text/css">
.num1{ float: right; width: 70%}
.num2{ float: right; width: 70%}
.num3{ float: right; width: 70%}
.num4{ float: right; width: 70%}
.resultado{ float: right; width: 70%}
</style>
QNT. DISPONÍVEL:<input class="num1" type="number" value="12" disabled><br><br>
Tamanho 35/36: <input class="num2" type="number"><br><br>
Tamanho 37/38: <input class="num3" type="number"><br><br>
Tamanho 39/40: <input class="num4" type="number"><br><br>
RESTAM: <div class="resultado"></div>
<button onclick="clicar()">Resultado</button>
Está fazendo a subtração do total (12), e mostrando quanto que resta.
Porém, o meu amigo, outro piorque eu, programador meia boca que esta trabalhando comigo, disse que precisa que esse resultado apareça dentro de um input com disabled.
Vi alguns script que ensinam a exibir a div dentro de um input, porém não consegui replicar.
Preciso que o conteúdo da div:
<div class="resultado"></div>
Apareça dentro de um input, exemplo:
<input class="num4" type="text" value=" <div class="resultado"></div> ">
Alguém pode me ajudar? Estou muito preocupado, estourou o prazo e apareceu isso para fazer por fora do projeto.
Abraço!!
Obrigado!!
OBS: Link onde estamos montando: [http://spaflex.com.br/index.php?p=produto&id=200043&site=ad49f8e1bf4d27941b6051d14376304d4](http://spaflex.com.br/index.php?p=produto&id=200043&site=ad49f8e1bf4d27941b6051d14376304d4)Carregando comentários...