用JavaScript写一个长条小程序框架

好的，以下是一个简单的长条小程序框架的 JavaScript 代码：

// 定义一个名为 MyProgram 的类
class MyProgram {
  constructor(containerId) {
    // 获取容器元素并保存到类中
    this.container = document.getElementById(containerId);
    // 初始化程序
    this.init();
  }

  init() {
    // 创建长条元素并添加到容器中
    const rect = document.createElement("div");
    rect.className = "rect";
    this.container.appendChild(rect);
    // 创建文本元素并添加到长条中
    const text = document.createElement("div");
    text.className = "text";
    text.innerText = "Hello, World!";
    rect.appendChild(text);
  }
}

// 创建一个名为 myProgram 的实例，传入容器元素的 ID
const myProgram = new MyProgram("container");

上面的代码中，定义了一个名为 `MyProgram` 的类，它接受一个容器元素的 ID 作为参数。在构造函数中，我们获取容器元素并保存到类中，然后调用 `init` 方法初始化程序。

在 `init` 方法中，我们创建了一个长条元素和一个文本元素，并将文本元素添加到长条中，最后将长条添加到容器中。

你可以根据自己的需求修改代码，例如添加样式、事件监听等等。