Вставить HTML в textarea

Возвращаясь к теме. Возник вопрос.

По кнопке сейчас кликает бесконечно, подскажите как сделать, что бы кликало только один раз?

Можно просто подменить div после клика, что бы второй раз по нему не кликалось. Но этот вариант

не очень. Есть другие какие то варианты, что бы повторно клик не срабатывал?

https://jsfiddle.net/pkgmm1ew/18/

https://jsfiddle.net/pkgmm1ew/20/

append на html замените :p

А, нет, пардон, не работает в этом примере...

Ну как бы все это верно, но задача немного другая.

Может показаться все запутано но все же попробую объяснить)

Есть такой код https://jsfiddle.net/pkgmm1ew/24/

1. Кликаем по "добавить элемент 1", добавляется красная единичка.

2. Кликаем по "добавить элемент 2", добавляется синяя единичка.

3. Кликаем по "показать код", видим html код.

4. Кликаем по "очистить", html пропадает.

До этого момента было все правильно.

Далее нажимаем "добавить элемент 3", добавляется тройка. Затем жмем "показать код" и тут уже начинается проблема. Код показывает не полностью. То есть должно показать

<div class="v"><span class="z" style="color:red">1</span><span class="z" style="color:blue">2</span><span class="z">3</span></div>

А оно показывает так

<div class="v"><span class="z">3</span></div>

AlexGr4, https://jsfiddle.net/pkgmm1ew/25/

Клик по "показать код" сработает только один раз

Взвесив все за и против пришел к выводу, что лучшим вариантом будет показывать html код без подтверждения по кнопке "показать код".

Кликаем по добавлению элементов, и внизу сразу должен появляться html код.

https://jsfiddle.net/pkgmm1ew/27/

Пробовал рекурсию через setTimeout, но опять же, начинаются дубли...