[TheLaw]

Mirki, na ostatnich zajęciach w #techbaza miałem takie zadanie:
Umieść na stronie jeden element typu div i wypełnij go tekstem. Umieść na stronie przycisk z napisem "Kopiuj", którego wciśnięcie spowoduje utworzenie nowego elementu div, a następnie skopiuje zawartość tekstu i wyświetli informację "Kopiowanie zakończone"
Udało mi się napisać (z drobną pomocą kumpla obok ( ͡° ͜ʖ ͡°) ) coś takiego http://pastebin.com/zHaajYKb Zadania z zajęć wrzucamy na założoną przez siebie stronę. To co zrobiłem można obczaić tu: http://3ai16.cba.pl (zadanie 19), jakby ktoś chciał zobaczyć jak to wygląda.
Problem w tym, że pierwsze kliknięcie kopiuj jest w porządku, ale kolejne kopiuje 2 razy, następnie 4 razy, itd. Nie ogarniam do końca jeszcze tworzenia elementów HTML przez węzły (a z notatek z zeszytu pewnie niewiele zapamiętam), więc nwm czy dobrze sobie zrobiłem komentarze, żebym wiedział co robią poszczególne instrukcje (mogą się przydać na kartkówkę/sprawdzian). Mógłby ktoś mi to wytłumaczyć?
Oraz co trzeba poprawić, by za każdym razem kopiowało tekst tylko z jednego diva?
#javascript #naukaprogramowania #html #pytanie #pytaniedoeksperta #technikinformatyk

[p98]

@TheLaw: po prostu nie wrzucasz kolejnego diva po obecnym, tylko dodajesz DO niego. W obrazku jest pokazany inspektor po wykonaniu akcji przycisku

Edit:
http://pastebin.com/j4Fh7nUG
Dodałem nowy div o id="res" i do niego dodaję wynik (nie usuwałem sporej części JS, chociaż mogłoby się bez niej obejść, nie wiem czy są one potrzebne u Ciebie w zadaniu).

[TheLaw]

@p98: Nie wiem, czy dobrze cię rozumiem, ale chcę by za każdym kliknięciem Kopiuj robiło kolejnego diva z jednym akapitem Lorem Ipsum a nie kilkoma. Jak mogę to poprawić?

[p98]

@TheLaw: Ja zrobiłem tak, że po kliknięciu w "Kopiuj" kopiuje całą zawartość div#div1 i dodaje ją do div#res w osobnym div. Obrazek przedstawia inspektor po kilku kliknięciach w przycisk (tu: pięciu).

[TheLaw]

@p98: przydałby mi się fragment kodu, bo jako świeżak po obrazku raczej nie wymyślę jak to zrobić

[p98]

@TheLaw: http://pastebin.com/j4Fh7nUG

[TheLaw]

@p98: Dzięki. Tylko nwm czy nauczyciel się nie uczepi tego zrobionego drugiego diva "result"
BTW - dobrze te komentarze napisałem? I tak jescze będzie musiał sobie poczytać, co te metody od węzłów robią, bym umiał na ewentualną kartkówkę

[p98]

@TheLaw: komentarze - tak nie do końca
moja wersja byłaby taka:

var content=document.getElementById('div1'); // skąd pobrać tekst
var result = document.getElementById('result'); // tu trafi wynik
var tresc=content.innerHTML; // treść HTML pobrana z elementu #

[TheLaw]

@p98: Rzeczywiściej, takie komentarze jaśnie wyjaśniają co się dzieje w skrypcie.
Jeszcze raz wielkie dzięki