Pegar dados de uma div e colocar como value de um input
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)Discussão (9)
Carregando comentários...