0

我正在尝试在线学习如何制作待办事项列表的教程

我完成以下代码如下

<!doctype html>
<html>
    <head>
    <title>To do list with html and javascript</title>
    <style>
    ul { list-style: none; padding: 0; margin: 0; width: 400px;}
    li { border: 1px solid #ccc; background: #eee; padding: 5px 10px; color: #000; }
    li span { padding-left: 10px; cursor: default;}
    .checked { text-decoration: line-through; font-weight: bold; color: #c00;}

        </style>
    </head>
    <body>

<h1>To Do List</h1>
<p><iput type="text" id="inItemText"/>
    <ul id= "todolist">

</ul>


<script type= "text/javascript" src="todo.js"</script>

    </body>
</html>

// Each item should look like <li><input type = "checkbox"/> do tutorial</li>


function updateItemStatus (){

    var cbId = this.id.replace("cb_","");
    var itemText = document.getElementbyId("item_" + cb.Id);

    if (this.checked) {
        itemText.className = "checked";
}   else {
        itemText.style.fontWeight = "";
}

}


function removeItem(){
    var spanId = this.id.replace("item","");
    document.getElementById("li_" + spanId).style.display = "none";
}


function addNewItem(list, itemText){

    var date = new Date ();
    var id = "" + date.getHours() + date.getMinutes() + date.getSeconds() + date.getMilliseconds(); ;

    var listItem = document.createElement("li");
    list.Item.id = "li_" + id;

    var checkbox = document.createElement("input");
    checkbox.type = "checkbox";
    checkbox.id = "cb_" + id;
    checkBox.oneclick = updateItemStatus;


    var span = document.createelement("span");
    span.id = "item_" + id;
    span.innertext = itemText;
    span.ondblclick = removeItem;

    listItem.appendChild(checkbox);
    listItem.appendChild(span)


    list.appendChild(listItem);

}


var inItemText = document.getElementbyId("inItemText");
inItemText.focus();
inItemText.onkeyup = function (event) {

    // 13 means Enter

    if (event.which == 13) {
    var itemText = event.which;

    if (itemText == "" || itemText == " ") {
        return false;
    }

    addNewItem(document.getElementById("todolist") itemText);

    inItemText.focus();
    inItemText.select();

};

我将这两个文件都保存在桌面上的保存文件夹中。javascript仍然没有出现。我是不是打错了什么。我只是在尝试如何将 javascript 链接到我的 html 对不起,这是我第一次这样做。

4

2 回答 2

0

你忘了>

<script type= "text/javascript" src="todo.js"></script>
于 2013-08-16T09:25:34.650 回答
0
<script type= "text/javascript" src="todo.js"></script>

就是这样......因为你忘记了你的>HTML认为你的标签永远不会结束,直到它看到下一个>......

于 2013-08-16T09:30:55.873 回答