Getting INVALID_CHARACTER_ERR: DOM Exception 5

Question

I'm writing a simple to-do list. that a user input a text and the it's added as a checkbox. But i'm getting this error i have no idea what's it about

INVALID_CHARACTER_ERR: DOM Exception 5

window.onload = function(){
    var textBox = document.getElementById("taskInput"),
        submitBtn = document.getElementById("submit"),
        taskPool = document.getElementById("todoTask");

    submitBtn.addEventListener("click", function(){
        var task = document.createElement("<input type=\"checkbox\">" + textBox.value + "</input>");
        taskPool.appendChild(task);
    });

}

Answer 1

document.createElement takes the tag name only as its parameter, you'll have to set the type and value after

var task = document.createElement("input")
task.type = "checkbox";
task.value = textBox.value;

Also input tags are empty, there are no closing tag or inner html, the value is set as an attribute in markup.