Как сделать так чтобы кнопка не пропадала?

Question

[Артём Лукичев]

Я делаю программу в которой есть функция генерирующая и выводящая определённый текст . Я сделал кнопку под этим текстом для обновления самого текста, но при нажатии на кнопку появляется только сам текст, а кнопка опять не появляется и я нигде не могу найти решение этой задачи помогите пожалуйста вот код:
https://codepen.io/air_man6/pen/WNerpmj

Comments

[Vadim Bogomazov]

Вместо document.write нужно добавить отдельный элемент, где будут лежать данные, и по клику на кнопке засовывать данные в него, тогда кнопка "не будет пропадать".

Answer 1

[Eugene Chefranov]

Answer 2

[Никита Колесников]

Создайте div блок с контентом, а потом обновляйте его, обращаясь по id/классу

Чистый JS:

document.getElementById('id').innerHtml = newContent;

JQuery
$('#id').html(newContent);

Answer 3

[leni_m]

document.write(result_crosshair);
Это значит что вы весь документ перезаписываете на результирующую строку, в которой нет кнопки.
Вот две ветки решения:
1)Добавить в результирующую строку кнопку тоже.
2)Перезаписывать не весь документ, а лишь его часть, которая не содержит кнопки(чтобы она не исчезала)