Nele, como da pra ver, quero mostrar um valor que é capturado de uma interacao com o usuário, nesse elemento:
Ate agora, to com esse scrip pra fazer isso:
<script type="text/javascript" >
function mostraTotal(){
var valorUnitario = 15,00;
var valor = document.getElementById("valorid").getAttribute("value").call();
valor *= valorUnitario;
}
</script>
E não acontece nada. Talvez alguém possa me dar uma luz. Fiz isso com base no que achei ate agora em alguns tutoriais. Quero multiplicar a entrada por uma constante.
<html>
<head>
<title>test</title>
<script type="text/javascript">
function mostraTotal(input) {
var valorUnitario = 15.00;
var valor = input.value;
valor *= valorUnitario;
input.value = valor;
}
</script>
</head>
<body>
<input id="valorid" onblur="mostraTotal(this);" class="caixa_texto" style="width:50px;" type="text" name="extras" value="0">
</body>
</html>
Primeiro eu troquei var valorUnitario = 15,00; por var valorUnitario = 15.00; (com ponto e nao virgula).
No input, eu gosto de passar o objeto que esta chamando a funcao (this), dessa forma fica mais facil de pegar e atribuir novos valores e vc nao precisa ficar usando getElementById desnecessariamente porque tem uma perda de performance se a sua pagina tem um domNode grande.
Bom, como eu queria na verdade usar um terceiro elemento html, acabou ficando um negocio diferente, mas que consegui terminar com ajuda de vocês. Valeu.
Pra facilitar a busca de alguem que ache isso aqui depois, vou postar tudo agora.
Esse é o elemento html onde o usuário vai digitar um valor:
Aqui, é onde deve aparecer o novo valor, com base na entrada fornecida: