为什么我的脚本只能在控制台中运行？

Question

我在JavaScript中做一个简单的笔记创建者，只是为了提高我在Web开发方面的知识。

所以，我几乎做了所有事情：但我有一个问题：

"use strict";
class A {
    constructor() {
        this.http = new Http();
    }
    async retrieve() {
        const data = await this.http
            .get('api/settings')
            .map(r => r.json())
            .toPromise();
        const withId = { ...data, id: 1 };
    }
}

如果我打开我的页面并将其放入控制台，则可以正常使用。

如果我把它放在我的JS文件中，那么DOM就不会加载它。

我能知道为什么吗？

＆＃13;

＆＃13;

if($("div").length != 0)
$("div").click(function() {
    for(var i = 0;i < $("div").length;i++)
{
    $("div").remove();
}
});

＆＃13;

$("button.add").click(function() {
  var text = document.querySelector("input").value;
  var x = document.createElement("div");
  x.innerHTML = text;
  document.body.appendChild(x);
});

if ($("div").length != 0)
  $("div").click(function() {
    for (var i = 0; i < $("div").length; i++) {
      $("div").remove();
    }
  });

＆＃13;

body {
  background-color: lightblue;
  margin: 5%;
}
input,
button {
  border: none;
  padding: 10px;
  display: block;
  margin: 0 auto;
}
button {
  background-color: #fff;
  margin-top: 10px;
  opacity: 0.9;
}
input:focus {
  opacity: 0.9;
  outline: none;
}
div {
  background-color: #fff;
  padding: 5%;
  width: 10%;
  color: #ccc;
  display: inline;
  transition: 0.4s;
}
div:hover {
  background-color: #b71c1c;
}

＆＃13;

＆＃13;

＆＃13;