Implementacja licznika w JS

Question

Witam, mam problem z JS:

function licznik(){
	document.getElementById("js").innerHTML='<input type="text" id="liczba1" />' + '  Podaj liczbe, od ktorej mam zaczac liczyc';
    document.getElementById("formularz").innerHTML='<input type="text" id="liczba2" />' + '  Podaj liczbe, na ktorej mam skonczyc';
    document.getElementById("potwierdz").innerHTML='<input type="submit" value="wartość" onclick="odlicz()"/>';
}
function odlicz(){
var liczba1 = document.getElementById("liczba1").value/1;
var liczba2 = document.getElementById("liczba2").value/1;
var start = liczba1;
var koniec = liczba2;
for (var i = start;i<=koniec;i++){
start++
document.getElementById("wynik").innerHTML='<div class="nwm">' + start+'</div> <br />';
}
}

Skrypt ma wyglądać następująco - uzytkownik kilka przycisk na stronie, podaje dwie liczby i program odlicza od pewnej liczby do drugiej liczby. Problem jest taki że za każdym wykonaniem pętli zawartość diva się nadpisuje, w jaki sposób mogę rozwiązać ten problem?

 

Answer 1

1. Pobierz tekst z wyniku
2. Doklej na jego końcu kolejną liczbę
3. Uaktualnij wynik

Comments

Możesz mi wyjaśnić, jak zamknąć to doklejanie w pętli for? 

var liczba1 = document.getElementById("liczba1").value/1;
var liczba2 = document.getElementById("liczba2").value/1;
for (var i = liczba1;i<=liczba2;i++){
	var kappa = liczba1+1;
var liczba = liczba1 + ' '+ kappa;
document.getElementById("wynik").innerHTML=liczba;

To działa, tylko nie mam pojęcia w jaki sposób mam podoklejać więcej liczb, póki co wyświetlaja sie 2,

 

---

Na początek trochę bardziej przejrzysty ten kod wypadałoby uczynić, wrzuć element z id wynik do zmiennej

var wynik = document.getElementById("wynik");

Dalej w pętli for, pobierasz to co jest w wynik

var nowyWynik = wynik.textContent;

Doklejasz kolejną liczbę

nowyWynik = nowyWynik + "  " + kolejnaLiczba;
// lub krócej 
nowyWynik += "  " + kolejnaLiczba;

I zapisujesz zmienną text do wynik

wynik.textContent = nowyWynik;

 

Pokombinuj trochę żeby pozbyć się z tej implementacji zmiennej na nowy wynik - pozwoli to skrócić kod do jednej linijki, i nadal będzie on czytelny.

---

Problem polega na tym, ze do diva chciałeś wpisywać bezpośrednia wynik z pętli w ten sposób z każdym przejściem pętli for nadpisując go.

Działający, prosty skrypt do tego moze wyglądać tak: 

 <script type="text/javascript">
        function odlicz(){
        var liczba1 = document.getElementById("liczba1").value;
        var liczba2 = document.getElementById("liczba2").value;
        var licznik = "";

        for (i = liczba1;i<=liczba2;i++){
        licznik=licznik+i+" ";
        document.getElementById("wynik").innerHTML=licznik;
        }
      }
        </script>

 

---

Dziękuję za pomoc.

Pozdrawiam