无法在Codeacademy上运行我的script.js

Question

所以我在html文件中使用javascript脚本编写了一个计数器（使用Angular 2）。 这是我的两个文件（不包括样式之一）。

pokehunted.component.html

<html>
<head>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"></script>
<script src="http://code.jquery.com/ui/1.9.2/jquery-ui.js"></script>
<script type="text/javascript" src="../script.js"></script>
<link rel="stylesheet" type="text/css" href="style.css"> 
</head>
<body>
<div class="displayCounter">
    <button class="box" onclick="modify_qty(1)"> 
        <p>Pikachu</p>
        <input type="image" src="../../assets/img/pikachu.png" /> 
    </button>
    <div class="counter">
        <label for="qty"><abbr title="Quantity">Rencontres</abbr></label>
        <input id="qty" value="0" />
    </div>
</div>
</body>
</html>

的script.js

function modify_qty(val) {
    var qty = document.getElementById('qty').value;
    var new_qty = parseInt(qty,10) + val;

    if (new_qty < 0) {
        new_qty = 0;
    }

    document.getElementById('qty').value = new_qty;
    return new_qty;
}

问题是，我在Codeacademy上对此进行了编码，并且效果很好。 目的是创建一个div按钮，以递增其下方的计数器。 在Codeacademy上确实如此，在我的项目中，计数器没有移动。

您知道我在做什么错吗？ 非常感谢。

Answer 1

好吧，我修好了！ 我必须将脚本放入我的angular-cli.json中，而不是将其放入HTML中。 我真的不知道为什么我不能只使用标签来做到这一点，但是这样做是可行的。 这是我在json中修改的部分：

"apps": [
  {
    "scripts": [
      "app/pokehunted/script.js"
    ],
  [...]
  }
]