Получение данных JS в файл HTML

Question

Я создал кнопки, которые отлично работают, однако на моей html-странице после запуска игры я не получаю изображения, отображаемые.Когда я посмотрел на нее (это просто потому, что мои данные не заменяются нужными мне данными.

Я предпринял несколько попыток, таких как создание разных скриптов для каждой кнопки (слишком утомительно), и я пробовал разные имена и делалновые переменные для файла html для использования из файла JS.

//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/miner.png» непосредственно в img src, и это работает. Просто возникают проблемы с передачей данных из js в html!

Answer 1

Хорошо, проблема оказалась в том, что рекомендовал Патрик!

Мне просто не хватало () после $ ('# button-imgTest'). Text

После добавления всего этогоработает отлично!Супер простое исправление, но оно сработало хорошо.