使用jQuery提交表单无法向有序列表追加元素的问题求助

• 前置检查：首先确认页面已经正确引入jQuery库，否则所有jQuery语法的代码都会直接报错无法运行。
• 方法拼写错误：jQuery获取输入框值的内置方法为val()，你代码中误写为var()，var是JavaScript声明变量的关键字，调用不存在的方法会直接抛出异常，中断后续逻辑执行。
• 选择器匹配错误：HTML中淘汰计数输入框的ID是pElims，你代码中写的选择器是$("#pElim")，少了末尾的s，无法匹配到对应元素，无法拿到输入的淘汰数值。
• 规范问题：error变量未声明就直接赋值，会成为隐式全局变量，不符合JS编码规范，若页面不存在类为error的元素，对应的隐藏代码可直接删除。

$(document).ready(function() {
  $("#submissionForm").on('submit', function(event){
    event.preventDefault();
    // 若不需要错误提示逻辑可直接删除以下两行
    let error = false;
    $(".error").hide();
    
    var playerName = $("#pName").val();
    var elimCount = $("#pElims").val();
    var newItem = playerName + "  -  " + elimCount;

    $('.playerList').append('<li>' + newItem + '</li>');
    // 可选：提交完成后清空输入框
    $("#pName, #pElims").val('');
    return false;
  });
});

内容的提问来源于stack exchange，提问作者Conor Reilly