无法弄清楚如何将我的 JavaScript 链接到我的 html 中

Question

I"m trying to follow a tutorial online on how to make a Todo list我正在尝试在线学习如何制作待办事项列表的教程

I finished the following code:我完成了以下代码：

<!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>

and和

// 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();

};

I have both files saved in the save folder on my desktop.我将这两个文件都保存在桌面上的保存文件夹中。 The JavaScript is still not coming up. JavaScript 仍然没有出现。 Did I type something in wrong.我是不是打错了什么。 I'm just trying how to link the JavaScript to my html sorry its my first time doing this.我只是在尝试如何将 JavaScript 链接到我的 html 对不起，这是我第一次这样做。

Answer 1

你忘了>

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

Answer 2

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

仅此而已..由于您忘记了> HTML 认为您的标签永远不会结束，直到它看到下一个> ...

无法弄清楚如何将我的 JavaScript 链接到我的 html 中

问题描述

2 个解决方案

解决方案1
0 已采纳 2013-08-16 09:25:34

解决方案2
0 2013-08-16 09:30:55

无法弄清楚如何将我的 JavaScript 链接到我的 html 中

问题描述

2 个解决方案

解决方案1 0 已采纳 2013-08-16 09:25:34

解决方案2 0 2013-08-16 09:30:55

解决方案1
0 已采纳 2013-08-16 09:25:34

解决方案2
0 2013-08-16 09:30:55