Capturar valor digitado - javascript puro

Front-end
#1

Pessoal,

Tenho um imput html:

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.

Valeu :slight_smile:

#2

Não entendi direito.
Para obter o valor digitado, você precisa apenas do

var valor = document.getElementById('idDoElemento').value
#3

Ola, fiz algumas modificacoes no seu codigo.

<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.

Aqui tem esse codigo rodando online: http://jsfiddle.net/GnMrR/

//Daniel

#4

Cara, valeu, a funcao funcionou legal.

So preciso agora jogar pra outro elemento html que nem é um text field, mas uma linha de tabela, uma imagem mesmo.

Eu to tentando algumas coisas aqui, valeu mesmo :slight_smile:

#5

e também só pra deixar avisado, acredito que o motivo de realmente não acontecer nada é pq no onblur voce dizia

onblur="mostraTotal(this.value)";

porém a sua função no script não recebia nenhum parâmetro

function mostraTotal(???????){
}

O que eu concluo com isso? Que não funcionou pois ele procurava uma função que recebia um valor por parâmetro porém não tinha.

#6

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:

Esse é o script:

[code][/code]

#7