Question

基本上我想创建一个待办事项清单。到目前为止，我已经为任务名称创建了一个输入标记，并创建了一个用于添加任务的按钮。不知何故，javascript代码似乎无法正常工作。

我对这个话题很新，所以我不确定我做错了什么。我需要更改此代码才能生效？

这是我现在正在使用的代码： HTML：

<div id="pomodoro"></div>
    <div id="addPomodoro">
        <input type="text" id="name">
        <button id="add">Add Pomodoro!</button>
</div>

的javascript：

    $(document).ready(
function () {
    $('#add').click(function () {
        document.allert("Hello World");
        var name = $('#name').val();
        $('#pomodoro').append('<p class="task">' + name + '</p>');
    });
}
);

Answer 1

document.allert("Hello World");不是有效的功能。

使用alert('Hello World');代替（因为你使用的是jQuery）。

    $(document).ready(function () {
        $('#add').click(function () {
            alert('Hello World');
            var name = $('#name').val();
            $('#pomodoro').append('<p class="task">' + name + '</p>');
        });
    });

工作示例：http://jsfiddle.net/3pqTb/1/

将html附加到div

1 个答案: