Skip to content Skip to sidebar Skip to footer
Home / Html / Javascript

Failed To Execute 'removechild' On 'node': Parameter 1 Is Not Of Type 'node'

Post a Comment
I am making a small game using Javascript in which there are two sides.In the left side there are 5 pics and in the right side there are 4 pics.When the user clicks on the missing

Solution 1:

Your script is inline in the body, so it's being run while the body is being created - and anything done by the generateFaces() function definitely won't be accessible by the code after it (the method is created when the script is run during the body load, but is not actually called until after the body is finished loading)

I've rearranged your code somewhat:

<!--smile game--><!DOCTYPE html><html><head><title>Matching Game part3</title><metacharset = "UTF-8"><style>img
    {
        position: absolute;
    }
    div
    {
        position: absolute;
        width: 500px;
        height: 500px;
    }
    #rightside
    {
        left: 500px;
        border-left: 1px solid black;
    }
</style><script>var numberOfFaces = 5;
functiongenerateFaces()
{
    for(var i =0; i<numberOfFaces; i++)
    {
        var image = document.createElement("img");
        image.src = "http://home.cse.ust.hk/~rossiter/mooc/matching_game/smile.png";
        image.style.top  = Math.floor(Math.random() * 400) + "px";
        image.style.left  = Math.floor(Math.random() * 400) + "px";
        document.getElementById("leftside").appendChild(image);
    }
}

functioninit() {
    var theLeftSide = document.getElementById("leftside");
    var theRightSide = document.getElementById("rightside");
    generateFaces();
    leftsideimages = theLeftSide.cloneNode(true);
    leftsideimages.removeChild(leftsideimages.lastChild);
    theRightSide.appendChild(leftsideimages);
}
</script></head><bodyid ="theBody"onload="init()"><h1>Matching Game</h1><p>Click on the extra smiling face on the left</p><divid="leftside"></div><divid="rightside"></div></body></html>

Solution 2:

You have not yet called generateFaces(). As such, theLeftSide contains no children when it is cloned, making leftsideimages.lastChild()null.

Not to worry, we've all been there before!

Post a Comment for "Failed To Execute 'removechild' On 'node': Parameter 1 Is Not Of Type 'node'"