[Javascript] incrementare varabile in campo input

  • Creatore Discussione Creatore Discussione amhal
  • Data di inizio Data di inizio
A

amhal

Utente Attivo
17 Feb 2011
89
1
8
Ciao a tutti ho il seguente problema:
smanettando ho trovato uno script che al click su un pulsante aumenta una variabile, ora dovrei stampare il valore della variabile in un campo input per poi spedirla tramite form..come faccio? Posto il codice
Codice: 
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "html://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">

<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">			

<head>
		
<script>
function aumenta() {
numero = document.getElementById("numero").innerHTML;
numero++;
document.getElementById("numero").innerHTML = numero;
}

function diminuisci() {
numero = document.getElementById("numero").innerHTML;
numero--;
document.getElementById("numero").innerHTML = numero;
}
</script>


</head>

<body>

<table>
<tr>
<td>martello</td>
<td><input type="text" id="numero" value= "0" /></td>
<td> <input type="submit" value="+" onclick="aumenta()" /> <input type="submit" value="-" onclick="diminuisci()" /> 
</td>
</tr>
</table>


</body>
</html>

dove sbaglio?

se al posto del campo input metto

Codice: 
<span id="numero">0</span>


allora funziona!!!

grazie a tutti:fonzie:
 
ciao,
.innerHTML serve per accedere o modificare il contenuto html di un elemento
per accedere o modificare il value di un input devi usare .value
Codice: 
document.getElementById("numero").value = numero;
 
Ciao avrei bisogno di un' ulteriore indicazione, se volessi far apparire ad ogni click la stampa del campo input in un div presente nella stessa pagina come faccio?
sono riuscito con un frame ma vorrei evitarli

grazie tante posto il codice con il div di destinazione che si chiama prova

Codice: 
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "html://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">

<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">			

<head>
		
<script>
function aumenta() {
numero = document.getElementById("numero").value;
numero++;
document.getElementById("numero").value = numero;

}

function diminuisci() {
numero = document.getElementById("numero").value;
numero--;
document.getElementById("numero").value = numero;

}
</script>


</head>

<body>

<form action=" " method="POST" target="prova" >

  <tr>
  
   <td> margherita </td>
   <td> <input type="text" id="numero" name="margherita" value="0" /> </td>
   <td> 
		<input type="submit" value="+" onclick="aumenta()" /> 
		<input type="submit" value="-" onclick="diminuisci()" /> 
   </td>
   
  </tr> 

</form>


<div id="prova"> </div>


</body>
</html>
 
Intendi cosi?
Codice: 
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "html://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">

<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">			

<head>
		
<script>
function setDiv(testo){
  document.getElementById('prova').innerHTML = testo;
}
function aumenta() {
numero = document.getElementById("numero").value;
numero++;
document.getElementById("numero").value = numero;
setDiv(numero);
}
function diminuisci() {
numero = document.getElementById("numero").value;
numero--;
document.getElementById("numero").value = numero;
setDiv(numero);
}
</script>


</head>

<body>

<form action="controllo.php" method="POST" target="lele" >

  <tr>
  
   <td> margherita </td>
   <td> <input type="text" id="numero" name="margherita" value="0" /> </td>
   <td> 
		<input type="submit" value="+" onclick="aumenta()" /> 
		<input type="submit" value="-" onclick="diminuisci()" /> 
   </td>
   
  </tr> 

</form>


<div id="prova"> </div>


</body>
</html>
 
grazie è perfetto, ma come faccio a nn far scendere il valore ( che di partenza è 0 ) a -1 quando clicco sul tasto meno?

grazie per l'aiuto siete miticiiii

:fonzie:
 
Metti un semplice controllo sul suo valore nella funzione diminuisci()

Codice: 
if(numero>0)numero--;
 
se il valore 'numero' lo facessi leggere nella pagina ASP o HTM e non immetterlo dentro la casella di testo, che modifica dovrei fare?
Grazie per l'aiuto
 
Ultima modifica:
Ciao, usi innerHTML come aveva fatto Amhal all'inizio
 
Devi accedere o registrarti per poter rispondere.

Discussioni simili

P
Incrementare con javascript il contenuto di una casella di testo
Risposte
2
Visite
8K
Javascript
PHP
P
M
variabile javascript su link html
Risposte
5
Visite
4K
Javascript
mizar1966
M
I
Creare un banner temporaneo JavaScript
Risposte
0
Visite
3K
Javascript
IlTizioScriptato
I
S
Impossibile scorrere un oggetto in JavaScript
Risposte
0
Visite
2K
Javascript
steven myth
S
N
Passare array da php a javascript
Risposte
5
Visite
3K
PHP
WmbertSea
WmbertSea
L
Quiz javascript funzionante da migliorare
Risposte
0
Visite
3K
Javascript
Lenigmista
L
P
  • Bloccata
errore 404 con javascript
Risposte
2
Visite
1K
Javascript
Max 1
Max 1
D
  • Bloccata
aiuto funzioni javascript
Risposte
1
Visite
1K
Javascript
Max 1
Max 1
M
Upload immagine con javascript problemi con FormData()
Risposte
1
Visite
1K
Javascript
MBlackmore
M
L
  • Bloccata
countdown multiplo javascript
Risposte
1
Visite
1K
Javascript
Max 1
Max 1
S
  • Bloccata
Problemi Javascript + Aruba
Risposte
2
Visite
2K
Javascript
Max 1
Max 1
M
Inviare un file su un server remoto con JavaScript
Risposte
0
Visite
2K
Javascript
Mirawara
M
T
a href="javascript:;"
Risposte
1
Visite
3K
Javascript
sonusood2022
S
F
Creare elementi html con javascript
Risposte
3
Visite
4K
Javascript
McLeanerGla
M
A
pulsante di update campo mysql con javascript
Risposte
2
Visite
2K
Javascript
AndreaCerre
A
8
Javascript - PDF Form
Risposte
0
Visite
2K
Javascript
81bankai
8
B
javascript per problemi con pdf e Safari
Risposte
0
Visite
3K
Javascript
bibliofila
B
N
informazione javascript
Risposte
0
Visite
2K
Programmazione
Nedved95
N
I
Eecuzione di javascript in ciclo foreach php.
Risposte
7
Visite
2K
PHP
inftecnica
I
P
javascript:document.forms
Risposte
7
Visite
3K
Javascript
Max 1
Max 1
Alto Basso