将JS数据转换为HTML文件

Question

我已经创建了完美工作的按钮，然而，在我的html页面上，一旦游戏运行，我不会得到任何图像显示。当我研究它的时候(这很简单，因为我的数据没有被我想要的数据所取代。

我已经做了一些尝试，比如为每个按钮创建不同的脚本(太乏味了)，我还尝试了不同的名称，并从JS文件中为html文件创建了新的变量。

//JS PART

    var Button = function() {
      var svgSrc = $("button-imgTest").text;

      return function Button(id, options) {
        var element = $(id);
        var pressed = false;
        element.innerHTML = strings.replaceParams(svgSrc, options);
        var buttonSvg  = element.querySelector(".button-imgTest");
        var pressedSvg = element.querySelector(".button-imgTest");

        this.press = function(press) {
          pressed = press;

        };

        this.isPressed = function() {
          return pressed;
        };

        this.press(false);
      };
    }();

    // Make 2 buttons
    var buttons = [
      new Button("buttonA", {surfaceColor: "/hft/assets/miner.png" }),   
      new Button("buttonB", {surfaceColor: "/hft/assets/attacker.png" }),
      new Button("buttonC", {surfaceColor: "/hft/assets/sword.png" }),
      new Button("buttonD", {surfaceColor: "/hft/assets/hammer.png" }),
      new Button("buttonE", {surfaceColor: "/hft/assets/test.png" }),
      new Button("buttonF", {surfaceColor: "/hft/assets/shield.png" }),
      new Button("buttonG", {surfaceColor: "/hft/assets/tower.png" }),
    ];

//HTML PART

</script>
<script id="button-imgTest" type="not-js">
    <img src="%(surfaceColor)" width=100%" height="100%" viewBox="0 0 20 20">

</script>

我想让它显示图片，但图像src从未正确设置过。

是的，我已经尝试手动将“/hft/assets/min.png”部分直接放到img src中，并且它起作用了。只是在把数据从js转到html时遇到了麻烦！

Answer 1

好了，这个问题就是Patrick Reccommended推荐的！

我只是在$(‘#.text-imgTest’)按钮后面缺少了一个()

在补充说一切都很完美之后！非常简单的修复方法，但效果很好。