Salve a tutti! Sono una new entry di questo mondo, ma sto cercando di imparare da autodidatta.
Per una esercitazione mi è stato chiesto un semplice counter con il solo l'utilizzo di Javascript (senza jQuery o altro...).
Ho pensato di applicare il counter all'idea di un "magazzino virtuale" dove tenere conto della merce in situ.
in HTML:
<div id="container">
<div id="item">Articolo codice n. XXX</div>
<div id="number">0</div>
<button id="decrement">-</button><button id="increment">+</button><br>
<button id="reset" type="button" onClick= "return myFunction()">RESET</button>
<div id="container">
<div id="item">Articolo codice n. XXX</div>
<div id="number">0</div>
<button id="decrement">-</button><button id="increment">+</button><br>
<button id="reset" type="button" onClick= "return myFunction()">RESET</button>
</div>
in Javascript:
let add = document.getElementById('increment');
let remove = document.getElementById('decrement');
let reset = document.getElementById('reset');
let int = document.getElementById('number');
let integer = 0;
add.addEventListener('click', function(){
integer +=1;
int.innerHTML = integer;
})
remove.addEventListener('click', function(){
integer -=1;
int.innerHTML = integer;
});
reset.addEventListener('click', function(){
integer = 0;
int.innerHTML = integer;
});
function myFunction() {
var result = confirm("Sei sicuro di voler resettare?");
if (true) {
return true;
} else {
return false;
}
}
PROBLEMI:
1) IL PRIMO COUNTER FUNZIONA, IL SECONDO NO.
2) L'AZIONE '"ANNULLA" DELLA RISPOSTA ALLA DOMANDA "sei sicuro di voler resettare? NON FUNZIONA. IL RESETTAGGIO AVVIENE COMUNQUE.
Grazie per ogni suggerimento!