按钮“ onclick”不起作用（被检测到）

Question

我有一些代码，但是由于某种原因我的`onlick =“ click（）”没有被检测到。

这是代码：

function click () {
  //Just for display purposes ON STACKOVERFLOW
  document.write("It worked!!!"); 
  name = document.getElementById("name").value; 
  document.getElementById("name").innerText = ""; 
  agenda.push(name); 
}

.add {
  display: flex;
  flex-direction: row;
  align-items: center;
  margin: 10px 0;
  padding: 12px 0 10px 10px;
  background-color: #e9ecef;
  box-shadow: 3px 3px 10px #e9ecef;
  border-radius: 4px;
  overflow: hidden;
  transition: transform 0.1s ease-in-out;
  width: 700px; 
}

.add:hover {
  transform: translateY(-3px) scale(1.02);
  box-shadow: 3px 3px 10px #d0ebff;
  transition: all 0.1s ease-in-out;
}

.add .submit {
  stroke: #adb5bd;
  transition: stroke 0.1s ease-in-out;
}

.add:hover .submit {
  stroke: #495057;
  transition: stroke 0.1s ease-in-out;
  cursor: pointer; 
}

.submit {
  margin-left: auto;
  padding: 0 10px;
}

input[type=text] {
    padding: 5px;
    margin: 0 10px;
    border: 2px solid #ced4da;
    border-radius: 4px;
}

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<span id="add" class="add">Add item: <input type="text" id="name" class="name" placeholder="Enter item name" autocomplete="off">
    <button id="submit" class="submit" onclick="click();">Add</button>
    </span>

我没有收到任何错误或任何提示，并且我知道函数click()实际上可以正常工作，因为我已经尝试过从控制台调用它，这也暗示着JavaScript和HTML文件之间的链接正常工作，否则控制台将不知道click()是什么。因此，我知道问题出在实际的HTML代码。

谢谢。