将texta中的Javascript注入Iframe 2

Question

我做了一个游乐场

它从textareas获取HTML / CSS / JS并将它们注入到iframe中。我在插入JS时遇到了问题。

我访问了这个网站Inject Javascript from a textarea into an Iframe（我的代码与网络内容完全相同+）但我无法理解

这是我的代码：

(function() {
$('.grid').height( $(window).height() );    
var contents = $('iframe').contents(),
    body = contents.find('body'),
    styleTag = $('<style></style>').appendTo(contents.find('head')),
    scriptTag = $('<script></script>').text($('.js').val()).appendTo(contents.find('head'));
$('textarea').keyup(function() {
    var $this = $(this);
    if ( $this.attr('id') === 'html') {
        body.html( $this.val() );
    } 
    if ( $this.attr('id') === 'css') {
        styleTag.text( $this.val() );
    }
});
})();

有人可以帮助我吗