Ir para conteúdo

POWERED BY:

Arquivado

Este tópico foi arquivado e está fechado para novas respostas.

Lucas Vida

[Resolvido] Imput recebe valores de botões!

Por , em Javascript

Recommended Posts

Lucas Vida    0

Lucas Vida
Postado

Bom dia amigos!

 

Bom, estou prescisando fazer um site aonde a pessoa clica em uma imagem ou botão e o input passe a receber esses valor. Supondo que seja um teclado númerico por exemplo (1 a 9), dai se a pessoa clicar nos botões(numero) 258 por exemplo o input receberia esses valores. edepois eu poderia submeter esses valores por exemplo...É possível fazer isso?

 

Abs

Compartilhar este post

Link para o post
Compartilhar em outros sites

William Bruno    1501

William Bruno
Postado

Sim. Como você tentou fazer?

Atribua um evento um click em cada botão, e mande para o teu input o value dos botões.

 

Lembrando de concatenar oque já estava lá, com oque você mandar.

Compartilhar este post

Link para o post
Compartilhar em outros sites

Lucas Vida    0

Lucas Vida
Postado

William,obrigado por me responder, a ideia que eu tive era fazer uma função com o valor e chamar ela caso o valor seja correspondente!

Dai eu iria referenciar o objeto com "dom", mas não sei se o certo seria assim e tb não sei como poderia concatenar em JS. Você tem ideia de como posso fazer esse codigo?

 

Abs

Compartilhar este post

Link para o post
Compartilhar em outros sites

William Bruno    1501

William Bruno
Postado

Exemplo:

<head>
<style>
* {
	border: none;
}
input {
	background: #fff;
	border: 1px solid #000
}
#numeros {
	width: 100px;
}
#numeros input {
	float: left;
}
</style>
<script type="text/javascript">
function id( el )
{
	return document.getElementById( el );
}
window.onload = function(){
	var inputs = id('numeros').getElementsByTagName('input');
	for( var i=0; i<inputs.length; i++ ){
		inputs[i].onclick = function()
		{
			id('recebe').value += this.value; 
		}
	}
}
</script>
</head>
<body>
<fieldset id="numeros">
	<input type="button" value="1" name="1" />
	<input type="button" value="2" name="2" />
	<input type="button" value="3" name="3" />
	<input type="button" value="4" name="4" />
	<input type="button" value="5" name="5" />
	<input type="button" value="6" name="6" />
	<input type="button" value="7" name="7" />
	<input type="button" value="8" name="8" />
	<input type="button" value="9" name="9" />
<fieldset>
	<input type="text" name="recebe" id="recebe" />
Tente desenvolver.

Se você não mostrar como tentou fazer, não dá para ajudar.

Compartilhar este post

Link para o post
Compartilhar em outros sites

Lucas Vida    0

Lucas Vida
Postado

Muito obrigado William...Consegui ver a lógica. Sinceramente eu desconhecia essa tag fieldset, bom saber que existe ela. Vou me informar mais sobre ela.

 

Obrigado mais uma vez.

 

Abraços

Compartilhar este post

Link para o post
Compartilhar em outros sites
Ir para a lista de tópicos Javascript
×

Informação importante

Ao usar o fórum, você concorda com nossos Termos e condições.

  Aceito