JS: функция не определена

Question

У меня есть функция JS-скрипта, в которой хранятся элементы корзины для заказа еды. Эта функция передается с двумя параметрами ID и ценой.

Мой файл скрипта выглядит как

 <script>
    function addtocart(mitem, mprice) {
            var price = String(mprice)
            var mobj = { String(mitem): price }

            var storeobj = JSON.stringify(mobj)
            localStorage.setItem('cart', storeobj)
        }

    </script>

Моя кнопка выглядит так

 <p style="position: absolute; bottom: 0px"><button class="button" style="width: 200px" onclick="addtocart( '{{M.Menu_Item}}', '{{M.Menu_ItemPrice}}' )" >Add to Cart</button>

Когда я нажимаю на кнопку в консоли разработчика в Chrome, появляется сообщение, что функция addtocart не определена.

Я читал о прослушиваниях при нажатии, но мне приходилось передавать параметр для каждого нажатия кнопки, который отличается. Что я могу делать не так?

Answer 1

Вам нужно использовать [], чтобы установить mobj.

var mobj = { [String(mitem)]: price };

По сути, Chrome выдает «Uncaught SyntaxError: неожиданный токен:» на

var mobj = { String(mitem): price }  

, что означает, что он не распознает ваш код JS из-за синтаксической ошибки.