Uncaught SyntaxError: недопустимый или неожиданный токен в кнопке Html

Question

Я создаю кнопку динамически через javascript. Когда я нажимаю на нее, я получаю указанную ошибку.

Кнопка создается следующим образом:

var button = document.createElement("Button");
            button.setAttribute("onclick", "FollowUser('" + name + "')");
            button.setAttribute("id", "FollowUserButton");

При отладке я пытался выяснить, что идет не так, когда я создаю Это. Кажется, это та часть, где я делаю событие onclick. Ничего не кажется странным, когда я устанавливаю идентификатор.

Этот результат возвращается:

button {disabled: false, form: null, formAction: "https://localhost: 44398 / Home / UserProfile? Name = Test ",…}

Answer 1

Я предлагаю свое решение, предполагая здесь несколько вещей. Убедитесь, что вы внесли подходящие изменения в свой код. Приведенный ниже фрагмент кода предоставит основу для ответа, который вам нужен.

let name = "foo";

var button = document.createElement("BUTTON");
var text = document.createTextNode("Click me");
button.appendChild(text);

button.setAttribute("onclick", `FollowUser('${name}')`);
button.setAttribute("id", "FollowUserButton");

// Append this button to a node. For instance, append it to the body.
document.body.appendChild(button);

// Function added for testing onclick event.
function FollowUser(str) {
    console.log(str);
}

Я использую шаблонные литералы , чтобы сделать код более читабельным и менее хаотичным c.