具有本地存储的收藏脚本不起作用

Question

我想从收藏夹列表中的按钮添加数据ID。我尝试了一些解决方案，但在控制台中从未检测到单击操作。

HTML 代码是

<button class="icon-plus-circle i-circled i-small addToCart" date-id="myId" data-name="myName"></button> 

js 代码是

button.addEventListener('click', function (){
    var id = $(this).attr('data-id');
    var name = $(this).attr('data-name');
    console.log(id);
    let Fav  = {
        id : id ,
        name : name
    };
    let liste_json = JSON.stringify(Fav);
    localStorage.setItem('listeFavoris', JSON.stringify(liste_json));
} )

Answer 1

您需要选择按钮

const button = document.querySelector('button');

const button = document.querySelector('button');
button.addEventListener('click', function() {
    console.log('click detected');
});

<button>Click Me</button>          

PS - 您已使用 javascript 添加了click侦听器，并且里面有jQuery代码。不要混淆两个，坚持一个。