javascript - 为什么该值没有发送到控制台？

Question

这是一个愚蠢的问题，但我感到沮丧并希望得到一些帮助。为什么我的值提交后没有输出到控制台？有人注意到问题吗？

var todos = "";

// user clicked on the add button in the to-do field add that text into the to-do text

$('#add-todo').on('click', function(event) {
  event.preventDefault();

  //values per text box
  todos = $("#todo-input").val().trim();

  //test values from textbox
  console.log(todos);

HTML

<div class ="col-4">
    <form role = "form">
        <div class = "form-group row">
            <div class = "To-Do-List">
                <label for="todo-input">Add Your To Do List Here:</label>
            </div>
            <input class="form-control" id="todo-input" type = "text">
            <tbody id = "table_body">
            </tbody>
        </div>
    </form>
</div>
<div class="button">
    <button class ="btn btn-danger" id="add-todo" type="submit">Add</button>
</div>

Answer 1

您只需要关闭“})”

var todos = "";

// user clicked on the add button in the to-do field add that text into the to-do text

$('#add-todo').on('click', function(event) {
  event.preventDefault();

  //values per text box
  todos = $("#todo-input").val().trim();

  //test values from textbox
  console.log(todos);

})

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<div class ="col-4">
    <form role = "form">
        <div class = "form-group row">
        <div class = "To-Do-List">
            <label for="todo-input">Add Your To Do List Here:</label>
        </div>
        <input class="form-control" id="todo-input" type = "text">
            <tbody id = "table_body">
            </tbody>
        </div>
    </form>
</div>
<div class="button">
<button class ="btn btn-danger" id="add-todo" type="submit">Add</button></div>