Jak zatrzymać odejmowanie co 1 na liczbie 0? - Javascript

Question

Witajcie, napisałem pierwszy kod w js i już napotkałem problem. Polega on na liczeniu od 10 do 0 po naciśnięciu w obrazek, chciałbym zatrzymać to odliczanie na 0 i żeby zamiast "-1" potem "-2" itd. wyświetlił się jakiś tekst.
Jak to zrobić?

 

Korzystam z inputa żeby pokazywał wartość

<input type="text" id="inc" value="10"></input> 

Tak to wygląda w js

<script>
    var i = 10;
    function Function() {
        document.getElementById('inc').value = --i;
    }
</script>

    
 

Answer 1

<input type="text" id="dec" value="10"></input>
<div id="img">XXX</div>

var img = document.getElementById('img');
var i = 10;

function Function() {
		if(i==0){
			console.log('stop');
		}else{ 
			document.getElementById('dec').value = --i;
		}
}

img.addEventListener('click',Function,false);

Inc = Increment = Zwiększenie

Dec = Decrement = Zmniejszenie

https://software.intel.com/sites/default/files/managed/39/c5/325462-sdm-vol-1-2abcd-3abcd.pdf

Strony: 116 i 176.

 

Answer 2

cos pokrecilem wczesniej ale po prostu musisz dodac ifa ktory sprawdzi i; if(i<0) robi cos inngo;

<script>
    var i = 10;
    function Function() {
        document.getElementById('inc').value = --i;
if(i<0){ 
zrob to co chcesz;
}
    }
</script>

 

Comments

nie rozumiem skad minusy mialem chwile i napisalem to cudo wg tego co opisalem wczesniej i dziala elegancko(oczywiscie zamiast informacji "wyjebalo licznik"mozemy zrobic co chcemy zakonczyc program/ustawic clicka z powrotem na 10 itp ale to raczej nie problem
<script>
		var clicks = 10;

		function countdown() {
			document.getElementById("timer").innerHTML = clicks;
			clicks--;
			if (clicks < 0) {
				document.getElementById("timer").innerHTML = "wyjebalo licznik";
			}
		}

		document.getElementById("timer").addEventListener("click", countdown);

	</script>

 

Answer 3

Nie pisze w JS, ale w praktycznie każdym języku
Robisz w osobnej metodzie i dajesz return

W JS też powinno działać

Ewentualnie na pętlach, np for
Że każde okrążenie spowalniasz settimeout()
każde wyświetla inną liczbe
i po skończeniu pętli wykonuje sie akcja