jQuery: получить значение текстовой области и добавить в определенный момент

Question

У меня есть текстовая область на моей странице со значением по умолчанию HTML. Я хочу получить его значение и добавить тег style к тегу head. Как я могу это сделать? Я попробовал это, но безуспешно:

var html = $( 'textarea' ).val();
$( html ).find( 'head' ).append( '<style></style>' );

Answer 1

Нет необходимости искать тег head. Просто прочитайте значение из textarea и добавьте это значение к head, как показано ниже.

var css = $("#txtStyle").val();
$('head').append('<style type="text/css">body {' + css + '}</style>');

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<textarea id='txtStyle' rows="4" cols="50">
background-color: red;
</textarea>