Question

我正在使用javascript做一个待办事项。
但是使用此代码，当我加载index.html时，alert("There is nothing")会自动弹出。

我认为这与var add_button有关。你能告诉我我的代码怎么了吗？

function add_list() {
  var a = document.getElementById("first_text");
  if (a.value === '') {
    alert("There's nothing");
    return;
  };

  var text = document.createTextNode(a.value);
  var b = document.createElement("div");
  b.innerHTML = '<input type="checkbox" onclick="fuction_checkbox();">';
  b.appendChild(text);
  var d = document.getElementById("first_input");
  d.parentNode.insertBefore(b, d.nextSibling);
  a.value = null;
};

var add_button = document.getElementById("first_button");
add_button.addEventListener('click', add_list(event));

var Enter = document.getElementById('first_text');
Enter.addEventListener('keydown', function(event) {
  if (event.keyCode === 13) {
    add_list(event);
  }
});

var fuction_checkbox = function() {
  if (event.target.checked) {
    var a = event.target.parentElement;
    a.style.textDecoration = "line-through";
  } else {
    var a = event.target.parentElement;
    a.style.textDecoration = "none";
  };
}

<!DOCTYPE html>
<html>

<head>
  <link rel="stylesheet" href="style.css">
</head>

<body>
  <header>
    <h1>Todo List</h1>
  </header>
  <div id="first_input">
    <input type="text" id="first_text">
    <input type="button" value="추가" id="first_button">
  </div>
  <script src="./memo.js"></script>
</body>

</html>

javascript addEvenListener自动触发

0 个答案: