У меня есть кнопка со следующим HTML кодом, который отлично работает при первом запуске:
<button type='button' class='btn-success chbtn' id ='basketbutton'>Click to see basket <img class='btnbasket' src='images/cart.png' alt='Cart'/> ".$basketnumber." items</button>
$ basketnumber приходит из запроса XMLHttpRequest с текущей суммой корзины из базы данных.
Если мне нужна нужная кнопка с сообщением «нажмите, чтобы увидеть корзину» с изображением корзины для покупок и «X item».
После добавления товара в корзину, обновление Базы данных et c Я обновляю элементы веб-страницы, чтобы включить новую покупку.
Веб-страница построена с использованием php и вставляет функцию js в теги сценария в заголовке для обновления элементов и имеет строка (в php):
document.getElementById('basketbutton').innerHTML= 'Click to see basket <img class='btnbasket' src='images/White shopping cart.png' alt='Cart'/> ' +obj.baskettotal+ ' items';
obj.baskettotal поступает из запроса XMLHttpRequest с текущим итогом корзины из базы данных
Это не работает. Консоль говорит мне, что у меня 'Uncaught ReferenceError: [js функция] не определена в HTMLButtonElement.onclick'
Когда я удаляю ссылку на изображение:
document.getElementById('basketbutton').innerHTML= 'Click to see basket ' +obj.baskettotal+ ' items';
все прекрасно работает.
Я думаю, что именно так я использую одинарные кавычки и ссылку на img, которая также содержит их, которые портят вещи. Двойных кавычек, определяющих текст, там нет, и мне как-то нужно определить их в php, чтобы я мог правильно построить скрипт.
Я попытался использовать код " HTML в код php, но это ничего не делает и не показывается в двойных кавычках (оно сохраняется как " на странице HTML в функции jS), и ошибка по-прежнему возникает.
I пытался использовать .innertext и .textcontent безрезультатно
Я надеялся, что кто-нибудь сможет помочь мне в правильном направлении