Как исправить ссылку добавить, используя append в js

Question

Как я могу исправить добавление ссылки при создании div?У меня есть такой код для создания div.

$("#container").append('<div class="square" style="cursor: pointer;" onclick="location.href"'+ webAdress + '></div>')

И результат:

<div class="square" style="cursor: pointer;" onclick="location.href" www.bbc.com=""></div>

Проблема в том, что у меня двойные кавычки после веб-адреса вместо одного и знака равенствакоторый я не добавил.

Заранее спасибо

Answer 1

Обходным путем будет использование литералов шаблона JavaScript

Так что вместо вашего кода это будет что-то вроде этого.

$("#container").append(`<div class="square" style="cursor: pointer;" onclick="location.href='${webAdress}'"></div>`)

Answer 2

Заменить код следующим:

$("#container").append('<div class="square" style="cursor: pointer;" onclick="()=>{location.href=webAdress}"></div>');