Resolved How to convert this JQuery code to pure JavaScript

[Varemenos]

I'm working on an online IDE (similar to jsFiddle, codepen, jsbin etc) and there is an issue I can't solve by myself.

var console={
    panel : $(parent.document.body),
    log : function(m){
        this.panel.find("#target").append("<p>>" + m + "</p>");
    }
};

I have JQuery code above which basically re-implements the console object so instead of printing the results in the JavaScript console to output the string in the iframe parent's div.

I tried converting it myself but I failed.

var console = {
	panel : parent.document.body,
	log : function(m) {
		this.panel.getElementById("target").appendChild(document.createElement("p")); // trying to create a "p" element fails
	};
};

It fails and returns this error:

Uncaught TypeError: Object [object HTMLBodyElement] has no method 'getElementById'

Can someone help me fix this?


edit:
I just tried to manually run this:

parent.document.getElementById("target").appendChild(document.createElement("p"));

edit#2:
Nvm, I managed to fix it by doing this:

var console = {};
console.log = function(m) {
	parent.document.getElementById("target").insertAdjacentHTML("beforeend", "<p>> " + m + "</p>");
};

[Philip M]

You have marked your thread as "Resolved" so I take it that you no longer need a response.

[Varemenos]

Originally Posted by Philip M

You have marked your thread as "Resolved" so I take it that you no longer need a response.

Yes I've managed to fix it,
it had something to do with the way i was creating the console object.