js'click'功能/EventListener问题

Question

我正在尝试用js制作一个交互式按钮（在控制台中显示消息），它只是在按钮被按下时在控制台中打印一条消息。我的js文件是:

console.log("hello this is from cart.js")
var updateBtns = document.getElementsByClassName('update-cart')

for(var i=0; i<updateBtns.length; i++){
  updateBtns[i].addEventListener('click', function(){
    var productId = this.dataset.product
    var action = this.dataset.action
    console.log("inside loop")
    //console.log('product ID: ', productId, "Action: ", action)
  })
}

HTML:

<button data-product="{{ i.id }}" data-action="add" class="btn btn-outline-secondary add-btn update-cart">Add to Cart</button>

这里的内部循环消息不显示任何时间。。。。consol只显示以下消息:

hello this is from cart.js
DevTools failed to load SourceMap: Could not load content for chrome-extension://ndjpnladcallmjemlbaebfadecfhkepb/editor/config.js.map: HTTP error: status code 404, net::ERR_UNKNOWN_URL_SCHEME
DevTools failed to load SourceMap: Could not load content for chrome-extension://ndjpnladcallmjemlbaebfadecfhkepb/editor/content.js.map: HTTP error: status code 404, net::ERR_UNKNOWN_URL_SCHEME

我该如何解决这个问题呢？

Answer 1

请查看此处:[https://stackoverflow.com/questions/35002087/disable-source-maps-in-chrome-devtools]我想它可以解决您的问题。