Ir para conteúdo

POWERED BY:

Arquivado

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

marcelobbt

Adicionar valor em form com butão

Por , em Javascript

Recommended Posts

marcelobbt    7

marcelobbt
Postado

Tenho o código abaixo onde quero que ao clicar no botão, some 1 ao valor apresentado no outro campo, mas não estou sabendo como fazer para adicionar 1 ao clicar.

 

 

 

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title>Documento sem título</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<script>
 
function troca(valor)
{
var campo1 = document.getElementById("campo").value;
var resultado = parseInt(campo1); 
 
resultado = resultado;
document.getElementById('campoResultado').value = resultado;
}
</script>
 
</head>
 
<body>
<table width="400" border="0" cellspacing="0" cellpadding="0">
<form name="form1" method="post" action="">
  <tr align="center"> 
<td>
<input type="button" id="campo" name="mais" value="+" onclick="troca(this.value)"/>
<input type="text" id="campoResultado" />
      </td>
  </tr>
  <tr>
    <td> </td>
    <td> </td>
  </tr>
  </form>
</table>
</body>
</html>

Compartilhar este post

Link para o post
Compartilhar em outros sites

William Bruno    1501

William Bruno
Postado 

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">

<html>

<head>

<title>Documento sem título</title>

<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">

<script>

 

function troca() {

var $campoResultado = document.getElementById('campoResultado');

$campoResultado.value = parseInt($campoResultado.value) + 1;

}

</script>

 

</head>

 

<body>

<table width="400" border="0" cellspacing="0" cellpadding="0">

<form name="form1" method="post" action="">

<tr align="center">

<td>

<input type="button" id="campo" name="mais" value="+" onclick="troca()"/>

<input type="text" id="campoResultado" value="0" />

</td>

</tr>

<tr>

<td> </td>

<td> </td>

</tr>

</form>

</table>

</body>

</html>

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