Usuwanie generowanych elementów JS

Question

Cześć, jak dodać funkcje/pętle żeby po każdym kliknięciu w button usuwała stworzony element, i nadawała nowy. Bo teraz wszystko pojawia się jeden, pod drugim.

 

Chodzi mi o coś takiego

Klik> wygenerowany text2

Klik> (znika text2) i generuje nowy randomowy

 

kod https://jsfiddle.net/p9ov0ebe/

Answer 1

Generujesz tekst, więc nie potrzebujesz za każdym razem tworzyć nowego elementu. Możesz po prostu edytować tekst w danym elemencie za pomocą textContent.

P.S. Jeżeli chcesz usunąć jakiś element, to musisz go znaleźć w DOM (za pomocą querySelector*, getElementBy*) i wywołać na nim remove.

Comments

Mógłbyś jeśli masz czas pokazać w tym moim kodzie jak powinno wyglądać to z TextContent? bo próbuję i nie wychodzi

 

https://jsfiddle.net/p9ov0ebe/3/ coś takiego ale ciągle undefined

---

element.textContent = 'Tekst, twoja losowa zmienna'

 

---

O matko, ale ja głupi jestem hahaha xD Dziękuje Ci bardzo!

Answer 2

Za pomocą removeChild?