类 - 无法返回元素，可能错误地调用类构造函数

Question

有两个类，CounterList和Counter。有一个输入字段和一个按钮。一个词＆＃34;名称＆＃34;进入输入字段。按下按钮时，下面的代码负责创建具有类型名称的 Counter 的新实例，将该实例推送到 CounterList中的初始化数组计数器 。

CounterList 的render方法应该从 Counter.render 返回一个直接子列表

的unordereed列表（ul）

Counter.render 创建一个li元素，直接子节点和按钮两次。

即，当按下按钮时，键入的名称应显示旁边有两个按钮（递增和递减）和计数器。

到目前为止我的代码没有显示任何内容。我插入了控制台日志，但除了 Counter 的构造函数甚至不在输入字段中使用该名称外，我无法查明它出错的地方

    class CounterList {
  constructor(){
  this.counters = [];
  }
  addNewCounter(counter) {
    this.counters.push(new Counter());
  }
  render() {
    var ul  = $('<ul/>').appendTo('body');
    ul.append(Counter.render);
    return this.ul;
  }
}
var x = $("#new-counter-name").val();
class Counter {
  constructor(x) {
    this.name = x;
    this.count = 0;
  }
  decrement() {
    count--;
    renderPage();
  }
  increment() {
    count++;
    renderPage();
  }
  render() {

    var li = $('<li><span>'+this.name+'</span><button>'+this.decrement+'</button><span>'+this.count+'</span><button>'+this.increment+'</button></li>');
    return this.li;
  }
}