problema al guardar simbolos como (“”¿¿?? ) en localstorage

estoy creando un carrito de compra con firebase y javascript, pero he tenido un pequeño problema al introducir un texto con simbolos por ejemplo ->( ??”””¿¿ ) me tira un error “Invalid or unexpected token” el codigo guarda bien cuando no introduzco simbolos, la idea es que en el texto guardado se puedan poner esos simbolos como información del producto que sea bien detallado. gracias comunidad !!

les dejos una fotito de mis codigo y el error.

 sale el error indicado

 sale el tipo de error al apretarlo y indica el simbolo

sale el tipo de error al apretarlo y indica el simbolo.

le dejos mi codigo para que me puedan ayudar pliz !

//global var products = []; var cartItems = []; var cart_n = document.getElementById('cart_n');       //datababase llamado   var database = firebase.database();    var referencia=database.ref("ventass");   referencia.on('value', function(snapshot){     var data= snapshot.val()     $  ('#listado').empty()     if (snapshot.exists()){         console.log("si existe publicacion");        $  ('#alerta').css("display", "none"); }  else{    console.log("no exite publicacion"); }  var row=""         for(k in data){             noti = data[k];         row+='<div class="col-sm-4" id="'+k+'" style="margin-top: 40px;">'+             '<div class="card card-blog hover">'+                 '<div class="card-header card-header-image">'+                     '<a href="detalle.html?p=detalle&cod='+k+'">'+                         '<img class="img" src="'+noti.foto+'">'+                         '<div class="card-title">'+noti.titulo+'</div>'+                     '</a>'+                 '</div>'+                 '<button class="btn btn-primary btn-fab btn-fab-mini btn-round" id="ocultar" style="left:85%;margin:initial;padding-top: 15px;margin-top:-16px;z-index:3;position:relative;">'+                 '<a id="cart" onclick="cart(\''+ noti.titulo + '\',\''+ noti.subtitulo + '\',\''+ noti.info+'\',\''+ noti.foto + '\',\''+ k + '\')">'+                 '<i class="material-icons">add_shopping_cart</i></button></a>'+                 '<div class="card-body">'+                     '<h6 class="card-category text-info">'+noti.subtitulo+'</h6>'+                     '<p class="card-description">'+noti.info.substr(0,100)+'...</p>'+                     '<a href="detalle.html?p=detalle&cod='+k+'"><span class="badge badge-pill badge-default">Ver Más</span></a>'+                 '</div>'+             '</div>'+             '</div>'     }     $  ('#listado').append(row);     var row=""  //cart funcions function cart(titulo,subtitulo,info,foto,k){     var item ={         titulo:titulo,         subtitulo:subtitulo,         info:info,         foto:foto         }         cartItems.push(item);         let storage = JSON.parse(localStorage.getItem("cart"));         if (storage == null) {             products.push(item);             localStorage.setItem("cart",JSON.stringify(products));         } else {             products = JSON.parse(localStorage.getItem("cart"));             products.push(item);             localStorage.setItem("cart",JSON.stringify(products));         }         products =JSON.parse(localStorage.getItem("cart"));         cart_n.innerHTML = `<span class="badge badge-warning">$  {products.length}</span>`;         document.getElementById("ocultar").style.display = "none";         animation();  }